FONT : font-weight



記述形式 font-weight: 数値 | キーワード ;
適用 all elements
使用方法 フォントの太さを指定します。

指定方法は大きく分けて2種類あり、以下の通りです。

数値指定 : font-weight: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ;
    数値が大きくなるにつれてフォントが太くなります。
    [ font-weight:400; ] が標準です。
キーワード指定 : font-weight: lighter | normal | bold | bolder ;
    lighter : 細字
    normal : 標準
    bold : 太字
    bolder : 極太字
実行例 <SPAN STYLE="font-weight:100">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:200">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:300">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:400">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:500">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:600">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:700">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:800">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:900">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:lighter">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:normal">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:bold">font-weight</SPAN>
font-weight

<SPAN STYLE="font-weight:bolder">font-weight</SPAN>
font-weight

※ 認識しやすいように font-size:x-large で表示しています。
サポート
ブラウザ
OSpropertyIE3.xIE4.xIE5.0xIE5.5xNN4.xNN6.x
Win数値×
lighter×
normal×
bold
bolder××
Mac数値--
lighter--
normal--
bold--
bolder--×
Unix数値--
lighter----
normal----
bold----
bolder----×
  • Win では IE4.x,5.0x,5.5x , NN4.x,6.x ともに数値指定の場合、100 〜 500 は normal、600 〜 900 は bold と同じになります。
  • Mac では IE4.x での数値指定の場合、100 〜 400 は normal になり、500 〜 900 は bold になります。 また IE5.0x , NN4.x,6.x では、100 〜 600 は normal、700 〜 900 は bold と同じになります。
  • Unix では Win の NN4.x,6.x と同じ結果になります。
  • Win,Mac,Unix ともにキーワード指定の場合は [ lighter = normal ] , [ bolder = bold ] になってしまいます。(NN4.x除く)