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