FontData: family 属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

FontData 接口的只读属性 family 返回字体字面的族系。

这是在代码中引用字体族系时使用的名称,例如,在 font-family 属性中,或在 @font-face 规则的 local() 函数等位置。

示例包括

  • Apple SD Gothic Neo
  • Arial Black
  • Avenir Next
  • Katari
  • YuMincho +36p Kana

字符串。

示例

以下代码段将查询所有可用的字体,并记录元数据。例如,这可以用于填充字体选择控件。

js
async function logFontData() {
  try {
    const availableFonts = await window.queryLocalFonts();
    for (const fontData of availableFonts) {
      console.log(fontData.postscriptName);
      console.log(fontData.fullName);
      console.log(fontData.family);
      console.log(fontData.style);
    }
  } catch (err) {
    console.error(err.name, err.message);
  }
}

规范

规范
本地字体访问 API
# ref-for-dom-fontdata-family

浏览器兼容性

另见