例
フォントを設定し<p>要素:
document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
»それを自分で試してみてください 定義と使用法
fontFamilyプロパティセットまたは要素内のテキストのフォントファミリ名および/または一般的なファミリー名のリストを返します。
ブラウザは、それが認識する最初の値が使用されます。
フォントファミリ値の2種類があります。
- フォントファミリ:フォントファミリの名前、などの"verdana"や"arial"
- 一般的なファミリー:一般的なフォントファミリの名前、などの"serif"または"sans-serif"
Tip:常に最後の手段として、一般的なファミリー名を指定します!
注意:カンマで各値を区切ります。
Note:フォントファミリ名に空白が含まれている場合は、引用符で囲む必要があります。
Tip:を見てウェブ安全フォント一般的に使用されるフォントの組み合わせのために。
ブラウザのサポート
fontFamilyプロパティは、すべての主要なブラウザでサポートされています。
構文
fontFamilyプロパティを返します:
object .style.fontFamily
fontFamilyプロパティを設定します。
object .style.fontFamily=" プロパティ値 値 説明 font1, font2, etc. フォントファミリ名および/または一般的なファミリー名のカンマ区切りリスト initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: 指定されていない 戻り値: 要素内のテキストのフォント名を表す文字列、 CSSのバージョン CSS1
その他の例
例
可能な値のデモ:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue; »それを自分で試してみてください
関連ページ
CSSチュートリアル: CSSフォント
CSSリファレンス: font-family property
HTML DOMリファレンス: font property
<スタイルオブジェクト