FontFace

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

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

Constructor

FontFace() (en-US)

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

Properties

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

FontFace.family (en-US)

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

FontFace.style (en-US)

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

FontFace.weight (en-US)

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

FontFace.stretch (en-US)

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

FontFace.unicodeRange (en-US)

这是不是一个 DOMString ?是的话将表示该字体涵盖的 range of code(字符编码的范围),相当于 unicode-range (en-US)

FontFace.variant (en-US)

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

FontFace.featureSettings (en-US)

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

FontFace.status (en-US) 只读

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

FontFace.loaded (en-US) 只读

当字体完全加载或加载失败时返回该 FontFacePromise (en-US)

方法

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

FontFace.load() (en-US)

加载该字体,返回该字体完全加载或加载失败时的 Promise (en-US)

规范

Specification
CSS Font Loading Module Level 3
# fontface-interface

浏览器兼容性

BCD tables only load in the browser