CSS3

プロパティ

font-weight

→●、mdn

フォントのウェイト（太さ）。

font-weight プロパティは、フォント内の一連のグリフのウェイト、すなわち それらの 黒っぽさ／描線の太さ を指定する。

以下のCSSが組み込んであります：

<font-weight-absolute>

＝[normal | bold | <number[1,1000]>]

<number[1,1000]> ○

各数が指示するウェイトは、大きいもの程、より小さいもの以上の濃さを表す。妥当な値は、1 以上、1000 未満に限られ、他の値は無効になる。数量値は概して、よく利用されるウェイト名に対応する：

• 100 ― Thin【最も細い／薄い／軽い】
• 200 ― Extra Light（Ultra Light）
• 300 ― Light（細字）
• 400 ― Normal（通常）
• 500 ― Medium
• 600 ― Semi Bold（Demi Bold）
• 700 ― Bold（太字）
• 800 ― Extra Bold（Ultra Bold）
• 900 ― Black（Heavy）【最も太い／濃い／重い】

注記： フォントは、ウェイト名への自前の対応付けを内部的に供することもあるが、そのような対応付けは、CSS においては無視することにされる。

normal

400 と同じ。

<SPAN style="font-family:Calibri; font-size:50px;
 font-weight:normal; 
">ABCabcijk012</SPAN>

bold

700 と同じ。

<SPAN style="font-family:Calibri; font-size:50px;
 font-weight:bold; 
">ABCabcijk012</SPAN>

bolder

継承値より bold なウェイトを指定する。§ 相対ウェイトを見よ。

<SPAN style="font-family:Calibri; font-size:50px;
 font-weight:100;
">ABC
 <SPAN style="font-weight:bolder;">ABC
  <SPAN style="font-weight:bolder;">ABC
  </SPAN>
 </SPAN>
</SPAN>

lighter

継承値より light なウェイトを指定する。§ 相対ウェイトを見よ。

<SPAN style="font-family:Calibri; font-size:50px;
 font-weight:700;
">ABC
 <SPAN style="font-weight:lighter;">ABC
  <SPAN style="font-weight:lighter;">ABC
  </SPAN>
 </SPAN>
</SPAN>

9 段でない等級を利用するフォント形式は、その等級を［400 が概ね［Regular、Book、Roman］にラベルされる書体に対応し、700 が概ね［Bold］にラベルされる書体に合致する］ように、CSS の等級へ対応付けるべきである。あるいは、スタイル名から、前述の等級に概ね対応するウェイトが推定されてもよい。等級は相対的であり、より大きなウェイト値を伴う書体は、より light に現れないものとする。ウェイトの推定時に、スタイル名が利用される場合、［ロケールに渡る、スタイル名の variation］の取り扱いに注意を払うべきである。

相対ウェイト

［bolder／lighter］による指定値は、親要素のウェイトに相対的なウェイトを指示する。ウェイトの算出値は、下の表を利用して、font-weight の継承値に基づいて計算される：

¶以下省く

テスト