入口 > テンプレ - カスタマイズ > 字の大きさを変える

字の大きさを変える

字の大きさの変更の仕方です。
文字の大きさを変えたいときは、「テンプレートの設定」画面で、スタイルシートのわりと下の方「/*** フォント、字の装飾関係 ***/」の赤字部分の数値を書き換えてください。何がどの指定にあたるのかは、灰字の説明を参考にしてください。
(字間やフォントの種類、字の太さなどもここで指定しています。変更したい箇所の近くを調べて、適宜いじってみてください。)

/*** フォント、字の装飾関係 ***/
/* 字の形と装飾とサイズ 【基本】 */
body { font-size: 12px; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS UI Gothic", "HGSゴシックM", Arial, Verdana, sans-serif; } ←全体の字の大きさ
input, textarea { font-size: 12px; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS UI Gothic", "HGSゴシックM", Arial, Verdana, sans-serif; } ←入力もの関係の字の大きさ
div#footer { font-size: 11px; } ←フッター部分の字の大きさ
strong { font-weight: normal; font-size: 1em; }
.cursor { cursor: pointer; }

/* 字の形と装飾とサイズ【各エリア】 */
.botan { font-family: 'Advent Pro', sans-serif; font-size: 14px; } ←検索窓の「?」の大きさ
#h1 { font-weight: normal; font-size: 25px; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "HGSゴシックM", Geneva, Arial, Verdana, sans-serif; letter-spacing: 7px;} ←ブログ名の大きさ
#setumei { font-size: 11px; letter-spacing: 1px; } ←ブログ説明の字の大きさ
.news { font-size: 11px; } ←新着情報の字の大きさ
.news .all { font-size: 14px; } ←全更新履歴に飛ぶ「&rquo;」の大きさ
#pankuzu { font-size: 11px; } ←パンくずリストの字の大きさ
.topentry_body a { text-decoration: underline; }
.topentry .h3, .nikki .h2 { font-size: 16px; font-weight: normal; letter-spacing: 5px; } ←内部ページのページタイトルの字の大きさ
.topentry_body { font-size: 12px; } ←記事本文の字の大きさ
.topentry_body h5, .topentry_body h6 { font-size: 1em; } ←記事本文の見出しh5、h6の大きさ
.h4 a { text-decoration: none; }
.edit { font-size: 10px; } ←記事右下編集ボタン「Edit」の字の大きさ
#back, #pagelink, .back { font-size: 12px; } ←バックリンクとページリンクの字の大きさ
.h4 { font-size: 14px; font-weight: normal; letter-spacing: 3px; } ←プラグインタイトルの字の大きさ
.date, .pagetop { font-size: 11px; } ←日付、ページ先頭に戻るリンク「▲」の大きさ

どういった指定をすればどんな見た目になるのかといったことは、スタイルシートの解説サイトをご参照ください。
2012-06-27