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

View in English Always switch to English

FontFace

基线
广泛可用
*

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

* 此特性的某些部分的支持程度可能有所不同。

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

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

Constructor

FontFace()

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

Properties

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

FontFace.family

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

FontFace.style

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

FontFace.weight

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

FontFace.stretch

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

FontFace.unicodeRange

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

FontFace.variant

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

FontFace.featureSettings

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

FontFace.status 只读

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

FontFace.loaded 只读

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

方法

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

FontFace.load()

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

规范

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

浏览器兼容性