font-family
フォントの種類
font-family: 値;
フォントを指定するプロパティです。
font-family: "MS Pゴシック",sans-serif;
プロパティ名 | 値 | 説明 |
---|---|---|
font-family | フォントファミリ名 | フォントの具体的な名前 |
(総称ファミリ) | sans-serif | ゴシック体系のフォント |
serif | 明朝体系のフォント | |
cursive | 筆記体系のフォント | |
fantasy | 装飾系のフォント | |
monospace | 等幅系のフォント |
- フォントファミリ名にスペースが含まれる場合は、その名前を引用符で囲む必要があります。
- 総称ファミリ名を使用すると、フォントの大まかな種類を指定することができます。
候補の設定
指定したフォントで表示できない場合に備え、複数の候補を設定しておくことができます。次のように、カンマ( , )で区切ってフォントファミリ名、または総称ファミリ名を記述します。
font-family: 候補1,候補2,候補3;
候補1が利用できなければ候補2を利用する、といった流れになります。(最後の候補には総称ファミリ名を指定しておくようにします)
.example {
font-family: "MS P明朝","MS 明朝",serif;
}