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");
})();

仕様書

Specification
CSS Font Loading Module Level 3
# dom-fontfaceset-onloadingdone

ブラウザーの互換性

BCD tables only load in the browser