CSS3

@規則用記述子

font-weight

  編集:2022.07.12 by T.A.

[Edge]○。→mdn

フォント ウェイトの定義。

名前 font-weight
用途 @font-face
auto | <font-weight-absolute>{1,2}
初期値 auto
auto
フォント選定の目的においては、フォントは、適切な初期値が選ばれていたかのように選定される。

異体軸の切り詰めにおいては、切り詰めは生じない。

<font-weight-absolute>{1,2}
normal
| bold
| <number[1,1000]>
normal
400 と同じ。
bold
700 と同じ。
<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が組み込んであります:

<SPAN style="font-family:Test_Font; font-size:40px;
 font-weight:normal;
">ABCabcdefghi012*/\</SPAN><BR>
<SPAN style="font-family:Test_Font; font-size:40px;
 font-weight:300;
">ABCabcdefghi012*/\</SPAN><BR>
太字をnormalにして、標準を300にしてしまった

<SPAN style="font-family:Test_Font; font-size:40px;
 font-weight:bold;
">ABCabcdefghi012*/\</SPAN><BR>
ブラウザーによりboldは作られていない?


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: