Webデザイン:オンラインリファレンス

font-weightプロパティ

文字の太さを指定する

CSSで文字の太さを指定するには,font-weightプロパティを使う.

キーワード指定

通常は標準(normal)と太字(bold)の2種類を使用する程度である.

数値指定の例(参考)

HTMLとCSSで,それぞれ
032-1.png
032-2.png
のように記述すると,
032-3.png
のように表示される(図は「ヒラギノ明朝」の場合).100〜500が標準,600〜900が太字になっている.これは使用しているコンピュータのフォント環境に依存する.通常使用するフォントでは,それほど多くの太さのフォントをもっていないので,9段階の太さを指定しているにもかかわらず,2段階程度しか太さが変わらない.
なお,フォントによっては以下のように数値によって文字の太さが変化して表示される(図は「Noto Sans JP」の例).
032-4.png
↑インデックスに戻る←前の項目(031. font-sizeプロパティ)→次の項目(033. line-heightプロパティ)