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 贡献者修改。