FontFaceSet: loading 事件

Baseline 已廣泛支援

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

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

當文件開始載入字型時，會觸發 loading 事件。

語法

在諸如 addEventListener() 之類的方法中使用事件名稱，或設定事件處理程式屬性。

addEventListener("loading", (event) => { })

onloading = (event) => { }

在下面的示例中，當字型 Ephesis 開始載入時，控制檯會列印“Font is loading…”（字型正在載入…）。

document.fonts.onloading = () => {
  console.log("Font is loading");
};

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

規範
CSS 字型載入模組等級 3 # dom-fontfaceset-onloading

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