CSSの font-family 記述子は、@font-faceルールで指定されたフォントのフォントファミリーを、作者が指定することを可能にします。

関連する @規則@font-face
初期値n/a (required)
メディアすべて
計算値指定値
正規順序形式文法で定義される一意のあいまいでない順序

構文

/* <string> values */
font-family: "font family";
font-family: 'another font family';

/* <custom-ident> value */
font-family: examplefont;

<family-name>
フォントファミリーの名前を指定します。

形式文法

<family-name>

where
<family-name> = <string> | <custom-ident>+

@font-face {
  font-family: examplefont;
  src: url('examplefont.ttf');
}

仕様書

仕様書 策定状況 コメント
CSS Fonts Module Level 3
font-family の定義
勧告候補 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
font-familyChrome 完全対応 4Edge 完全対応 12Firefox 完全対応 3.5IE 完全対応 6Opera 完全対応 10Safari 完全対応 3.1WebView Android 完全対応 2.2Chrome Android 完全対応 18Edge Mobile 完全対応 12Firefox Android 完全対応 4Opera Android 完全対応 10.1Safari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

ドキュメントのタグと貢献者

このページの貢献者: mzmjp
最終更新者: mzmjp,