【css】font-weightの太さと種類について

文字の太さをスタイルシートで設定するときはfont-weightを使います。

今回はfont-weightを使ったときの文字の太さと種類について紹介していきたいと思います。

font-weightプロパティ

font-weightはフォントの太さを指定することができます。

太さの種類は100~900までの9つになります。

また太さにはそれぞれの名称がありますので見ていきましょう。

太さの種類

数値名称備考
100Thin/シン
200Extra Light/エクストラライト
300Light/ライト
400Normal/ノーマル数値で400と同じ
500Medium/ミディアム数値で500と同じ
600Semi Bold/セミボールド
700Bold/ボールド 数値で700と同じ
800Extra Bold/エクストラボールド
900Heavy/ヘヴィ

キーワード指定

また数値以外にキーワードでも指定することができます。

キーワードの種類は4つになります。

キーワード 効果
normal標準の太さ/数値で400と同じ
bold太字/数値で700と同じ
lighter相対的に細く
bolder相対的に太く

コメント

タイトルとURLをコピーしました