font-weight

値の書き方

• 数値：1〜1000 で、大きいほど太くなります。昔は 100 刻みの 9 段階でしたが、いまは 350 のような中間の値も書けます。
• normal は 400、bold は 700 と同じです。初期値は normal です。
• bolder と lighter は親の太さから決まります。親が 400 なら bolder は 700、lighter は 100 になります。親が 700 なら、それぞれ 900 と 400 です。

フォントが持っている太さしか出ない

書いた太さのフォントが無いときは、いちばん近い太さのフォントで代用されます。 太字のフォントがまったく無いときは、ブラウザが線を太らせた疑似的な太字を作ります。 可変フォント（バリアブルフォント）なら、1〜1000 のどの値でもそのとおりの太さで描けます。

このページのプレビューは OS 標準のフォント（system-ui）なので、 何段階の太さが見分けられるかは OS によって違います。

気をつけること

• h1〜h6 や strong は、ブラウザの標準スタイルで太字（bold か bolder）になっています。細くしたいときは明示的に指定します。
• font ショートハンドを書くと、省略した font-weight は normal に戻ります。