FontFace: family property

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起，所有主流浏览器均已支持。

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

FontFace.family 属性允许作者获取或设置一个 FontFace 对象的字体族。

当使用 font-family 属性对元素进行样式设置时，该值用于与特定字体面进行名称匹配。可以使用任何名称，并且该名称会覆盖基础字体数据中指定的任何名称。

此属性等同于 @font-face 的 font-family 描述符。

值

字符串。

示例

let fontFace = new FontFace(
  "Roboto",
  'url("https://fonts.example.com/roboto.woff2")',
);
console.log(fontFace.family); // 'Roboto'

fontFace.family = "newRoboto";
console.log(fontFace.family); // 'newRoboto'

规范

规范
CSS 字体加载模块等级 3 # dom-fontface-family

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025年8月5日，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题