CSSでフォントの大きさを数値で指定するには?

カテゴリー︎: 【CSS】

cssの数値で文字の大きさを指定する場合

数値が小さくなるほど細く、
大きくなるほど太くなる。

100、200、300、400、500、600、700、800、900でフォントの太さを指定します。

キーワード指定する場合
normal …… 標準の太さです。(数値で400を指定した場合と同じ)
bold …… 一般的な太字の太さです。(数値で700を指定した場合と同じ)
lighter …… 相対的に一段階細くします。
bolder …… 相対的に一段階太くします。

【数値で指定する使用例】

p.size1 {font-weight: normal; }
p.size2 {font-weight: bold; }
p.size3 {font-weight: lighter; }
p.size4 {font-weight: bolder; }
p.size100 {font-weight: 100; }
p.size200 {font-weight: 200; }
p.size300 {font-weight: 300; }
p.size400 {font-weight: 400; }
p.size500 {font-weight: 500; }
p.size600 {font-weight: 600; }
p.size700 {font-weight: 700; }
p.size800 {font-weight: 800; }
p.size900 {font-weight: 900; }

PAGE TOP