此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Document:fonts 属性

基线
广泛可用

自 2020年1月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

Document 接口的 fonts 属性返回该文档的 FontFaceSet 接口。

此特性属于 CSS 字体加载 API。

值

返回值是该文档的 FontFaceSet 接口。FontFaceSet 接口可用于加载新字体、检查先前已加载字体的状态等。

示例

在字体加载完成后执行操作

js
document.fonts.ready.then((fontFaceSet) => {
  // 任何需要在所有已用字体加载完成后才执行的操作都可以放在这里。
  const fontFaces = [...fontFaceSet];
  console.log(fontFaces);
  // 若站点未使用某些字体,它们可能仍处于未加载状态
  console.log(fontFaces.map((f) => f.status));
});

当所有已用字体的加载和布局操作完成后,该 Promise 会兑现。已用字体集合可能与已声明字体集合不同,例如可选字体(即通过 font-display: optional 声明的字体)未能及时加载时。

规范

规范
CSS Font Loading Module Level 3
# FontFaceSet-interface

浏览器兼容性

参见