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