DOM

インターフェイス

FontFace インターフェイス

  編集:2022.02.10 by T.A.

単一の使用可能な フォント・フェイスを表します。→MS(en)

これにより、外部リソースへのURL、またはバッファーなど、フォント面のソースを制御できます。また、フォント面が読み込まれるタイミングとその現在のステータスを制御することもできます。

コンストラクター
fontface= new FontFace(family,source[,descriptors])
URL によって記述された外部リソースまたは ArrayBuffer から構築された、新しい FontFace オブジェクトを構築して返します。
プロパティ
FontFace.ascentOverride
フォントの上昇メトリック(ascent metric)を取得または設定する CSSOMString。これは、ascent-override 記述子と同等です。
FontFace.descentOverride
フォントの下降メトリック(descent metric)を取得または設定する CSSOMString。これは、descent-override 記述子と同等です。
FontFace.display
ダウンロードして使用する準備ができているかどうか、いつダウンロードするかに基づいてフォント面がどのように表示されるかを決定する CSSOMString。
FontFace.family
フォントのファミリーを取得または設定する CSSOMString。これは、font-family 記述子と同等です。
FontFace.featureSettings
フォントのバリアント・プロパティからは利用できない、使用頻度の低いフォント機能を取得または設定する CSSOMString。これは、font-feature-settings 記述子と同等です。
FontFace.lineGapOverride
フォントのライン・ギャップ・メトリックを取得または設定する CSSOMString。これは、line-gap-override 記述子と同等です。
FontFace.loaded 読取専用
オブジェクトのコンストラクターで指定されたフォントの読み込みが完了するか、SyntaxError で拒否されたときに、現在の FontFace オブジェクトで解決される Promise を返します。
FontFace.status 読取専用
フォントのステータスを示す列挙値を返します。「unloaded」、「loading」、「loaded」、「error」のいずれかです。
FontFace.stretch
フォントのストレッチ方法を取得または設定する CSSOMString。これは、font-stretch 記述子と同等です。
FontFace.style
フォントのスタイルを取得または設定する CSSOMString。これは、font-style 記述子と同等です。
FontFace.unicodeRange
フォントを含む Unicode コード・ポイントの範囲を取得または設定する CSSOMString。これは、unicode-range 記述子と同等です。
FontFace.variant
フォントのバリアントを取得または設定する CSSOMString。これは、font-variant 記述子と同等です。
FontFace.variationSettings
フォントのバリエーション設定を取得または設定する CSSOMString。これは、font-variation-settings 記述子と同等です。
FontFace.weight
フォントの太さを含む CSSOMString。これは、font-weight 記述子と同等です。
メソッド
FontFace.load()
場所やソースバッファなど、現在のオブジェクトのコンストラクターで渡された要件に基づいてフォントをロードし、現在の FontFace オブジェクトで解決される Promise を返します。


テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: