FontFace

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

实验性: 这是一项实验性技术
在将其用于生产之前，请仔细检查浏览器兼容性表格。

FontFace 接口表示一个可用的字体。它允许你控制字体的源文件，作为外部资源的 URL 或缓冲区; 它还允许你控制字体的加载时间和字体当前的状态。

Constructor

FontFace()

使用 URL 指向的外部资源或ArrayBuffer构造并返回一个新的 FontFace 对象。

Properties

这个接口不继承任何属性。

FontFace.family

这是不是一个DOMString ？是的话将表示该字体的 family 属性，相当于 family 。

FontFace.style

这是不是一个 DOMString ？是的话将表示该字体的 style 属性，相当于 style 。

FontFace.weight

这是不是一个 DOMString ？是的话将表示该字体的 weight 属性，相当于 weight。

FontFace.stretch

这是不是一个 DOMString ？是的话将表示该字体的 stretches 属性，相当于 stretch 。

FontFace.unicodeRange

这是不是一个 DOMString ？是的话将表示该字体涵盖的 range of code（字符编码的范围），相当于 unicode-range 。

FontFace.variant

这是不是一个 DOMString ？是的话将表示该字体的 variant 属性，相当于 range 。

FontFace.featureSettings

这是不是一个 DOMString ？是的话将表示该字体的 features 属性，相当于 feature-settings 。

FontFace.status 只读

返回一个表示字体当前状态的可枚举值，它可能是下列之一："unloaded"、"loading"、"loaded"、"error"。

FontFace.loaded 只读

当字体完全加载或加载失败时返回该 FontFace 的 Promise。

方法

这个接口不继承任何方法。

FontFace.load()

加载该字体，返回该字体完全加载或加载失败时的 Promise。

规范

Specification
CSS Font Loading Module Level 3
# fontface-interface

浏览器兼容性

BCD tables only load in the browser