CSSフォントファミリープロパティ
例
2つの段落のフォントを指定します。
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
定義と使用法
プロパティは、要素のfont-familyフォントを指定します。
プロパティはfont-family、「フォールバック」システムとしていくつかのフォント名を保持できます。ブラウザが最初のフォントをサポートしていない場合は、次のフォントを試します。
フォントファミリ名には次の2種類があります。
- family- name-「times」、「courier」、「arial」などのフォントファミリの名前。
- generic- family-「serif」、「sans-serif」、「cursive」、「fantasy」、「monospace」などのジェネリックファミリの名前。
他のフォントが利用できない場合は、ブラウザがジェネリックファミリ内の同様のフォントを選択できるように、必要なフォントで開始し、常にジェネリックファミリで終了します。
注：各値はコンマで区切ります。
注：フォント名に空白が含まれている場合は、引用符で囲む必要があります。HTMLで「style」属性を使用する場合は、一重引用符を使用する必要があります。
| デフォルト値： | ブラウザによって異なります |
|---|---|
| 遺伝性の： | はい |
| アニメート可能： | 番号。アニメート可能について読む |
| バージョン： | CSS1 |
| JavaScript構文： | オブジェクト.style.fontFamily = "Verdana、sans-serif" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
| Property | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS構文
font-family: family-name|generic-family|initial|inherit;
プロパティ値
| Value | Description | Play it |
|---|---|---|
| family-name generic-family |
A prioritized list of font family names and/or generic family names | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
関連ページ
CSSチュートリアル：CSSフォント
CSSリファレンス：フォントプロパティ
HTML DOMリファレンス：fontFamilyプロパティ