文字重み(Font Weight)

font-weightとは、フォントの太さを指定するためのプロパティです。

太さを細くする指定から太くする指定まで、順に100、200、300、400、500、600、700、800、900という9つの数値が指定できます。

初期値はnormalで、これは数値の400を指定した際と同じ太さになります。

キーワードにboldを指定すると、数値の700を指定した際と同じ太さになります。

このほかにlighter、bolderというキーワードで相対的に細く、あるいは太くすることができます。

Functional list
書式 font-weight: <value:値>
normal |bold |bolder |lighter |
100 |200 |300 |400 |500 |600 |700 |800 |900
初期値 normal
適用要素 全ての要素
継承性 可能

font-weightプロパティーは、文字の重さを特定するのに使われます。

bolderlighter値は、継承された文字に相対的で、一方その他の値は絶対的な文字重さです。

注意:全ての文字が9の可能性ある画面表示重さを持っていないので、重さのあるものは指定によってグループ化されるかもしれません。

特別な重さが得られない場合代替えが、以下の基本にそって選択されます

  • 500は、400に移り、またその逆も。
  • 100-300は、次に軽い重さに、それもないならなんらかの方法で次により黒いものに指定されます。
  • 600-900は、次に黒い重さに、それもないならなんらかの方法で次により明るいものに指定されます。

font-weight指定の例です:

H1 { font-weight: 800 }
P { font-weight: normal }

戻る