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※ | フォントを縦長・横長にする |
