CSS font-family 属性

定義と使用方法

font-familyは、要素の字体系列を指定します。

font-familyは、複数のフォント名を「リバック」システムとして保存することができます。最初のフォントがブラウザにサポートされていない場合、次のフォントに試みます。つまり、font-family属性の値は、特定の要素のフォントファミリー名または/およびクラスファミリー名の優先リストです。ブラウザは、認識できる最初の値を使用します。

フォントファミリー名の種類は2種類あります：

  • 指定された系列名：具体的なフォントの名前、例えば「times」、「courier」、「arial」など。
  • 一般的なフォントファミリー名：例えば、「serif」、「sans-serif」、「cursive」、「fantasy」、「monospace」など。

ヒント：各値をカンマで区切って、常にクラスファミリー名を最後の選択として提供してください。

注意：特定のフォントファミリー（Geneva）を使用するかどうかは、ユーザーのマシン上でそのフォントファミリーが利用可能かどうかにかかっています；この属性は、フォントのダウンロードを指示しません。したがって、代替として一般的なフォントファミリー名を使用することを強くお勧めします。

参照してください：

CSS チュートリアル：CSS 字体

CSS リファレンスマニュアル：CSS font 属性

HTML DOM リファレンスマニュアル：font 属性

例

段落のフォントを設定する：

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

自分で試してみる

CSS 语法

font-family: family-name|generic-family|initial|inherit;

属性値

値 説明
  • family-name
  • generic-family

特定の要素のフォントファミリー名または/およびクラスファミリー名の優先リストを示します。

デフォルト値：ブラウザによって異なります。
inherit 親要素から字体系列を継承することを規定しています。

技術的詳細

デフォルト値： 指定されていません
継承性： はい
バージョン： CSS1
JavaScript 语法： object.style.fontFamily="arial,sans-serif"

TIY 実例

テキストのフォントの設定
この例では、テキストのフォントを設定する方法を示します。

ブラウザのサポート

このテーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5