“@font-face”ルール~“font-family”ディスクリプタ

概要

“font-family”ディスクリプタは“@font-face”ルールで読み込まれるフォントをスタイルシートで使用するためのフォントのファミリー名を指定します。

“font-family”ディスクリプタによって指定したフォント・ファミリーの名前は“font”プロパティや“font-family”プロパティでそのフォントを適用する際に使用します。

値

“font-family”ディスクリプタで指定したフォント・ファミリーの名前(“<family-name>”値)と同じ名前のフォントがユーザーのデバイスにインストールされている場合は“@font-face”ルールで読み込まれるフォントが使用され、デバイスにインストールされているフォントは無視されます。これにより、ユーザーのデバイスにインストールされているであろうフォントの名前を考慮することなくフォント・ファミリーの名前を付けることができます。

使用例

p { font-family: my-font;}

@font-face {

font-family: 'my-font';
src:

url('sample-web-font.eot') format('eot'),
url('sample-web-font.woff') format('woff'),
url('sample-web-font.woff2') format('woff2'),
url('sample-web-font.ttf') format('truetype');

}

She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.

仕様書

定義されている仕様書

font-family

<family-name>