font-weight 【フォントの太さ】

[IE5] [IE6] [IE7] [Fx1] [Fx2] [Op6] [Op7] [Ns6] [Ns7]

font-weightプロパティは、文字の太さを指定する事が出来ます。

数値で指定する
100、200、300、400、500、600、700、800、900でフォントの太さを指定します。標準の太さは400です。400よちも数値が小さいと細くなり、数値が大きくなると太くなります。
太さが9種類用意されているフォントは少なく、日本語フォントではせいぜい『標準』『太い』『細い』でしょう。

キーワードで指定する
normal (標準の太さ)
bold (太字)
lighter (相対的に一段階細く)
bolder (相対的に一段階太く)

font-weightの使用例

CSSファイル

.fontsp004 {
 font-weight: 100;
}
.fontsp005 {
 font-weight: bold;
}

HTMLソース

<p class="fontsp004">
font-weightプロパティ使用例<br />
文字の太さの指定は100です。
</p>

<p class="fontsp005">
font-weightプロパティ使用例<br />
文字の太さの指定はboldです。
</p>

表示すると

font-weightプロパティ使用例
文字の大きさの指定は100です。

font-weightプロパティ使用例
文字の太さの指定はboldです。

フォント関連項目

font フォントに関する指定をまとめて行う 
font-size フォントのサイズを指定する 
font-weight フォントの太さを指定する 
font-family フォントの種類を指定する 
font-style フォントをイタリック体・斜体にする 
font-variant フォントをスモールキャップにする 
font-size-adjust※ フォントのサイズを調整する 
font-stretch※ フォントを縦長・横長にする 

戻る

TOP