font-family プロパティは、要素のフォントを指定します。
font-family プロパティは、"fallback" システムとして、いくつかのフォント名を持つことができます。 ブラウザが最初のフォントをサポートしていない場合、次のフォントが試されます。
フォントファミリ名には 2 つのタイプがあります:
使用したいフォントから開始し、どのフォントも使用できない場合、ブラウザが同じ様なフォントを 総称ファミリから選択できるようにするため、常に総称ファミリで終ります。
注:各値は、カンマで区切ります。
注:フォント名に空白が含まれる場合は、クォーテーションで括らばければなりません。 HTMLの "style" 属性を使用する時には、シングル・クォーテーションを使用しなければなりません。
デフォルト値: | ブラウザに依存します |
---|---|
継承: | 継承する |
アニメーション可否: | 不可。animatable を参照 |
バージョン: | CSS1 |
JavaScript 構文: | object.style.fontFamily="Verdana,sans-serif" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
プロパティ | |||||
---|---|---|---|---|---|
font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
font-family: font|initial|inherit;
値 | 説明 | Play it |
---|---|---|
family-name generic-family |
フォントファミリ名と総称ファミリ名の双方または何れか一方の優先順位付きリスト | Play it ❯ |
initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル: CSS Font
CSSリファレンス:font プロパティ
HTML DOM リファレンス:fontFamily プロパティ