【CSS】font-weight - 文字の太さ
CSSのfont-weightプロパティについてご紹介します。
font-weight
font-weightは文字の太さを定義します。
基本構文
font-weight: 値;値
値はキーワードまたは数値で指定できます。
定義可能な値は書体によって様々です。
例えば、游ゴシックには次のような値があります。
| 値 | プレビュー |
|---|---|
| normal | TEXT |
| bold | TEXT |
| 100 | TEXT |
| 900 | TEXT |
また、OSやブラウザによって利用できる値が異なるケースがあることに注意が必要です。
サンプル
次のサンプルは文字を太く設定します。
<style>
p {
font-weight: bold;
}
</style>
<p>text text text text text</p>
