FontFaceSet: loadingdone イベント

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

loadingdone イベントは、文書がすべてのフォントを読み込んだときに発行されます。

構文

このイベント名を addEventListener() などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。

addEventListener("loadingdone", (event) => {});

onloadingdone = (event) => {};

次の例では、フォント Ephesis の読み込みが完了すると、"Font loading complete" とコンソールに出力されます。

document.fonts.onloadingdone = () => {
  console.log("Font loading complete");
};

(async () => {
  await document.fonts.load("16px Ephesis");
})();

仕様書
CSS Font Loading Module Level 3 # dom-fontfaceset-onloadingdone

このページは MDN の貢献者によって 2024年1月3日に最終更新されました。