FontFaceSet: loadingdone 事件

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起，所有主流瀏覽器均已支援。

注意：此功能在 Web Workers 中可用。

當文件載入完所有字型時，會觸發 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 字型載入模組等級 3 # dom-fontfaceset-onloadingdone

此頁面最後修改於 ⁨2025 年 5 月 2 日⁩，由 MDN 貢獻者修改。