font-weight
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
font-weight 属性は、同じフォントファミリーの他のフォントから相対的に、テキストの描画に使用される角の太さや細さを指します。
メモ:
プレゼンテーション属性であるため、 font-weight には対応する CSS プロパティ font-weight があります。両方が指定された場合、 CSS プロパティが優先されます。
この属性は以下の SVG 要素で使用できます。
例
SVG のフォントの太さの制御
html
<svg viewBox="0 0 200 60" xmlns="http://www.w3.org/2000/svg">
<text y="20" font-weight="normal">Normal テキスト</text>
<text y="45" font-weight="bold">Bold テキスト</text>
</svg>
使用上のメモ
| 値 |
normal | bold | bolder |
lighter | <number>
|
|---|---|
| デフォルト値 | normal |
| アニメーション | 可 |
値の説明については、 CSS の font-weight プロパティを参照してください。
仕様書
| 仕様書 |
|---|
| CSS Fonts Module Level 4 # font-weight-prop |
ブラウザーの互換性
関連情報
- CSS
font-weightプロパティ