文字の大きさを変える方法を紹介します。
スタイルシートの次の変数が文字の大きさに対応しています。
/* サイトタイトル */
h1 {
~
font-size:
1.2em; /* タイトルの大きさ */
~
}
/* サブタイトル(サイト説明) */
h2 {
~
font-size:
0.8em; /* サブタイトルの大きさ */
~
}
/* エントリー(記事)タイトル */
h3 {
~
font-size:
0.8em; /* 記事タイトル文字の大きさ */
~
}
/* エントリー(記事)スタイル */
.article {
~
font-size:
75%; /* エントリー(記事)の文字の大きさ */
~
}
/* メニュータイトル */
.menu_title {
~
font-size:
0.8em;
~
}
/* メニューコンテンツ */
.menu_cont {
~
font-size:
75%; /* メニューコンテンツの文字の大きさ */
~
}
※旧バージョン
.plug_cont {
~
font-size:
75%;
}
Ctrlキーを押しながらFキーを押すと検索できて素早く目的の変数を見つけることができると思います。
各数値を変えてお好みのサイズにカスタマイズしてください。
- 関連記事
-