Document インターフェイスの fonts プロパティは、文書の FontFaceSet インターフェイスを返します。

構文

let fontFaceSet = document.fonts;

返値は文書の FontFaceSet インターフェイスです。 FontFaceSet インターフェイスは新しいフォントを読み込んだり、以前読み込まれたフォントの状態をチェックしたりするのに有用です。

すべてのフォントが読み込まれた後の操作の実行

document.fonts.ready.then(function() {
  // すべてのフォントが読み込まれた後にのみ実行する必要がある操作を
  // ここに記述します。
});

仕様書

仕様書 状態 備考
CSS Font Loading Module Level 3
FontFaceSet の定義
草案 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
fontsChrome 完全対応 60Edge 未対応 なしFirefox 完全対応 41
完全対応 41
未対応 35 — 41
無効
無効 From version 35 until version 41 (exclusive): this feature is behind the layout.css.font-loading-api.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 47Safari 完全対応 10WebView Android 完全対応 60Chrome Android 完全対応 60Edge Mobile 未対応 なしFirefox Android 完全対応 ありOpera Android 完全対応 47Safari iOS 完全対応 10.2Samsung Internet Android 完全対応 5.0

凡例

完全対応  
完全対応
未対応  
未対応
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連情報

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

このページの貢献者: mdnwebdocs-bot, mfuji09
最終更新者: mdnwebdocs-bot,