最新のWeb開発のチュートリアル
 

Style fontFamily Property

<スタイルオブジェクト

フォントを設定し<p>要素:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
»それを自分で試してみてください

定義と使用法

fontFamilyプロパティセットまたは要素内のテキストのフォントファミリ名および/または一般的なファミリー名のリストを返します。

ブラウザは、それが認識する最初の値が使用されます。

フォントファミリ値の2種類があります。

  • フォントファミリ:フォントファミリの名前、などの"verdana""arial"
  • 一般的なファミリー:一般的なフォントファミリの名前、などの"serif"または"sans-serif"

Tip:常に最後の手段として、一般的なファミリー名を指定します!

注意:カンマで各値を区切ります。

Note:フォントファミリ名に空白が含まれている場合は、引用符で囲む必要があります。

Tip:を見てウェブ安全フォント一般的に使用されるフォントの組み合わせのために。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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;
»それを自分で試してみてください

フォントを返します<p>要素を:

alert(document.getElementById("myP").style.fontFamily);
»それを自分で試してみてください

関連ページ

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

CSSリファレンス: font-family property

HTML DOMリファレンス: font property


<スタイルオブジェクト