FontFace: family プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。
FontFace.family プロパティにより、 FontFace オブジェクトのフォントファミリを取得したり設定したりすることができます。
この値は、 font-family プロパティを使用して要素をスタイル設定するときに、特定のフォントフェイスに対して名前を照合するために用いられます。
任意の名前を使用することができ、これは基盤のフォントデータで指定した名前を上書きします。
このプロパティは @font-face の font-family 記述子と等価です。
値
文字列です。
例
js
let fontFace = new FontFace(
"Roboto",
"url(https://fonts.example.com/roboto.woff2)",
);
console.log(fontFace.family); // 'Roboto'
fontFace.family = "newRoboto";
console.log(fontFace.family); // 'newRoboto'
仕様書
| 仕様書 |
|---|
| CSS Font Loading Module Level 3 # dom-fontface-family |