这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

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 只读
当字体完全加载或加载失败时返回该 FontFacePromise

Methods

这个接口不继承任何方法

FontFace.load()
加载该字体,返回该字体完全加载或加载失败时的Promise

Specifications

Specification Status Comment
CSS Font Loading Module Level 3
FontFaceSet
Working Draft Initial definition

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 35.0 41 (41) ? ? ?
Feature Android Android Webview Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support 未实现 35.0 41.0 (41) ? ? ? ? 35.0

文档标签和贡献者

 此页面的贡献者: jinnchen
 最后编辑者: jinnchen,