最終更新日

font-familyプロパティ

font-familyは、フォントの種類を指定するプロパティです。値は「フォント名」か「汎用書体」を指定します。フォント名は、カンマで区切って複数の候補を指定することができます。その場合は、ユーザー環境で使用可能なフォントが、指定した順番で適用されます。

ブラウザによっては、全角文字のフォント名が認識されない場合や、日本語フォント名のアルファベット表記が認識されない場合があるため、日本語フォントに関しては、日本語表記とアルファベット表記の両方を併記しておいたほうがいいです。

フォント関連プロパティの値をまとめて指定する場合は、fontを使用します。

CSS3での変更点
特にありません
初期値 適用先 継承
ブラウザに依存 すべての要素 あり
説明
フォント名 「メイリオ」や「Verdana」などのフォント名を指定します。フォント名に半角スペースが含まれている場合は引用符で囲みます。
serif 明朝体や、ヒゲ付きの書体で表示されます。
sans-serif ゴシック体や、ヒゲなしの書体で表示されます。
cursive 草書体や筆記体で表示されます。
fantasy 装飾文字で表示されます。
monospace 等幅フォントで表示されます。
サンプルコード
font-family: "メイリオ","Meiryo","MS Pゴシック","MS PGothic",sans-serif;
参考文献:CSS Fonts Module Level 3外部リンク
HOME