font-family
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
font-family 属性は、どのフォントファミリーを使用してテキストを描画するかを指定するもので、優先順位付きのフォントファミリー名や汎用ファミリー名のリストとして指定します。
メモ:
プレゼンテーション属性であるため、 font-family には対応する CSS プロパティ font-family があります。両方が指定された場合、 CSS プロパティが優先されます。
この属性は以下の SVG 要素で使用できます。
例
SVG フォントファミリーを制御
html
<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
<text y="20" font-family="Arial, Helvetica, sans-serif">Sans serif</text>
<text x="100" y="20" font-family="monospace">Monospace</text>
</svg>
使用上のメモ
| 値 | See font-family |
|---|---|
| デフォルト値 | ユーザーエージェントによって異なる |
| アニメーション | 可 |
値の説明については、 CSS の font-family プロパティを参照してください。
仕様書
| 仕様書 |
|---|
| CSS Fonts Module Level 4 # generic-font-families |
| CSS Fonts Module Level 4 # font-family-prop |
ブラウザーの互換性
関連情報
- CSS の
font-familyプロパティ