FontFace

Experimental

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

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)

Methods

这个接口不继承任何方法

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

Specifications

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

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)
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