-
Index
-
フォント
font- フォントに関する設定をまとめて指定する
font-style, font-variant, font-weight, font-size, line-height, font-family プロパティの値をまとめて指定します。
各値の順番には規則性があり、以下に紹介する順序で指定しなければなりません。
font-styleの値
normal- 標準
italic- イタリック体
oblique- 斜体
font-variantの値
normal- 標準
small-caps- スモールキャップ
font-weightの値
100～900- 400を標準として100刻みで太さを指定する
normal- 標準の太さ(400と同義)
bold- 太字(700と同義)
bolder- 相対的に一段階太くする(+100)
lighter- 相対的に一段階細くする(-100)
font-sizeの値
12pt- px単位も指定できる
110%- 親要素のフォントサイズに対する比率
medium- 標準の大きさ
small- 標準と比べて一段階小さくする
x-small- 標準と比べて二段階小さくする
xx-small- 標準と比べて三段階小さくする
large- 標準と比べて一段階大きくする
x-large- 標準と比べて二段階大きくする
xx-large- 標準と比べて三段階大きくする
smaller- 親要素と比べて一段階小さくする
larger- 親要素と比べて一段階大きくする
line-heightの値
normal- 標準の行間
10px- pt, em, ex の単位も扱える
130%- フォントサイズに対する比率
2- フォントサイズを "1" とした時の比率。例示では2倍。
font-familyの値
"MS UI Gothic"- フォント名による指定。名前に空白が含まれる場合はクオートで括らなければならない。
sans-serif- ゴシック系のフォント
serif- 明朝系のフォント
cursive- 筆記体(草書体)のフォント
fantasy- 装飾的なフォント
monospace- 等幅フォント