スタイルfontFamilyプロパティ
例
要素のフォントを設定します。
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
定義と使用法
fontFamilyプロパティは、要素内のテキストのフォントファミリ名および/またはジェネリックファミリ名のリストを設定または返します。
ブラウザは、認識した最初の値を使用します。
フォントファミリの値には、次の2つのタイプがあります。
- font-family:「verdana」や「arial」などのフォントファミリーの名前
- ジェネリックファミリー:「serif」や「sans-serif」などのジェネリックフォントファミリーの名前
ヒント:最後の選択肢として、常に一般的な家系の名前を指定してください。
注:各値はコンマで区切ります。
注:フォントファミリー名に空白が含まれている場合は、引用符で囲む必要があります。
ヒント: 一般的に使用されるフォントの組み合わせについては、 Webセーフフォントを参照してください。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
構文
fontFamilyプロパティを返します。
object.style.fontFamily
fontFamilyプロパティを設定します。
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
プロパティ値
Value | Description |
---|---|
font1, font2, etc. | A comma-separated list of font-family names and/or generic-family names |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
技術的な詳細
デフォルト値: | 指定されていない |
---|---|
戻り値: | 要素内のテキストのフォント名を表す文字列 |
CSSバージョン | CSS1 |
その他の例
例
可能な値のデモンストレーション:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
例
要素のフォントを返します。
alert(document.getElementById("demo").style.fontFamily);
関連ページ
CSSチュートリアル:CSSフォント
CSSリファレンス:font-familyプロパティ
HTML DOMリファレンス:フォントプロパティ
❮スタイルオブジェクト