Style fontFamily 属性

定義と使用方法

fontFamily 属性は、要素のテキストのフォントファミリー（font-family）名および/または一般的なシリーズ（generic-family）名のリストを設定または返却します。

ブラウザは認識できる最初の値を使用します。

font-family 値には二種類があります：

  • font-family: フォントファミリーの名前、例えば "verdana" または "arial"
  • generic-family: 一般的なフォントファミリーの名前、例えば "serif" または "sans-serif"

ヒント

常に一般的なシリーズ名を最後の選択として指定してください！

各値はカンマで区切ってください。

フォントファミリーネームにスペースが含まれている場合、その周りに引用符を使用する必要があります。

も参照してください Web 安全フォント、一般的なフォントコンボネーションについて学びます。

も参照してください：

CSS チュートリアル：CSS フォント

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

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

例

例 1

<p>要素のフォントを設定：

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

自分で試してみてください

例 2

可能な値のデモンストレーション：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

自分で試してみてください

例 3

<p>要素のフォントを返却：

alert(document.getElementById("myP").style.fontFamily);

自分で試してみてください

構文

fontFamily 属性を返却：

object.style.fontFamily

fontFamily 属性を設定：

object.style.fontFamily = "font1, font2...|initial|inherit"

属性値

値 説明
font1, font2... カンマで区切られたフォントファミリー名および/または一般的なシリーズ名のリスト。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： 未定義
返却値： 文字列を示す文字のフォント名。
CSS バージョン： CSS1

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート