このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
FontFaceSet: loading イベント
Baseline
2025
最近利用可能
December 2025以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。
loading イベントは、文書がフォントの読み込みを始めるときに発行されます。
構文
このイベント名を addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
js
addEventListener("loading", (event) => {});
onloading = (event) => {};
例
次の例では、フォント Ephesis が読み込まれ始めると、"Font is loading..." とコンソールに表示されます。
js
document.fonts.onloading = () => {
console.log("Font is loading");
};
(async () => {
await document.fonts.load("16px Ephesis");
})();
仕様書
| 仕様書 |
|---|
| CSS Font Loading Module Level 3 # dom-fontfaceset-onloading |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。