English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
font-family CSS属性は、要素のテキスト内容のフォントを設定するために使用されます。このfont-family属性は、「バックアップ」システムとして複数のフォント名を含む必要があります。まず必要なフォントから始め、使用できない場合には、順序にバックアップフォントを使用します。
リストを終えるために、次のような一般的なフォントシースルーを使用するべきです5のフォント、例えば:arial, sans-serif, monospace, cursive ,fantasy。以下の表は、この属性の使用方法とバージョン履歴、javascriptスクリプトでの使用方法を示しています。monospacecursive
| デフォルト値： | ブラウザによって異なります |
|---|---|
| 適用範囲： | すべての要素 |
| 継承： | はい |
| アニメーション可能： | いいえ。参照してください アニメーション属性。 |
| バージョン： | CSS 1、2、3 |
| JavaScriptの構文： | object.style.fontFamily="arial,sans-serif" |
この属性の構文は以下の通りです：
font-family: [ family-name|一般的-family] 、 family-name|一般的-family]1つまたは複数のペア|初期値|継承
以下の例では、fontの使用方法を示しています。-family属性。
body {
font-family: "Arial", "Helvetica", sans-serif;
}
h1 {
font-family: "Times New Roman", Times, serif;
}テストを見て‹/›注意：フォントファミリーの名前が一つの単語以上であれば、引用符で囲まなければなりません、例えば font-family: "Times New Roman", Serif;など。
より一般的なフォントの組み合わせについては、以下を参照してください。CSSセキュリティフォント。
以下のテーブルは、この属性の値を説明しています。
| 値 | 説明 |
|---|---|
| family-name | フォントファミリーの名前。例えば "Times" と "Helvetica"。スペースが含まれるフォント名は、引用符で囲まれる必要があります。 |
| generic-family | 必要なフォントを選択できなかった場合、一般的なフォントファミリーを一般的なリトライとして使用することができます。一般的なフォント名はキーワードであり、引用符で囲まれる必要はありません。 一般的なフォントファミリーは、フォントファミリー名のリストの最後の選択肢として指定されるべきです。以下に一般的なシリーズが定義されています：
詳しくはフォントの組み合わせの詳細情報。 |
| initial | この属性をデフォルト値に設定します。 |
| inherit | 指定された場合、関連する要素は親要素のfontを使用します。-familyの属性値。 |
font-family属性のブラウザの互換性について、以下のテーブルの数字は、その属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。
|
以下のチュートリアルを参照してください：CSSフォント、CSSテキスト。
関連属性と規則：font、font-style、font-variant、font-weight、font-size、
line-height、@font-face。