文字の太さをスタイルシートで設定するときはfont-weightを使います。
今回はfont-weightを使ったときの文字の太さと種類について紹介していきたいと思います。
font-weightプロパティ
font-weightはフォントの太さを指定することができます。
太さの種類は100～900までの9つになります。
また太さにはそれぞれの名称がありますので見ていきましょう。
太さの種類
| 数値 | 名称 | 備考 |
| 100 | Thin/シン | |
| 200 | Extra Light/エクストラライト | |
| 300 | Light/ライト | |
| 400 | Normal/ノーマル | 数値で400と同じ |
| 500 | Medium/ミディアム | 数値で500と同じ |
| 600 | Semi Bold/セミボールド | |
| 700 | Bold/ボールド | 数値で700と同じ |
| 800 | Extra Bold/エクストラボールド | |
| 900 | Heavy/ヘヴィ |
キーワード指定
また数値以外にキーワードでも指定することができます。
キーワードの種類は4つになります。
| キーワード | 効果 |
| normal | 標準の太さ/数値で400と同じ |
| bold | 太字/数値で700と同じ |
| lighter | 相対的に細く |
| bolder | 相対的に太く |
コメント