FontFace:display 属性

displayFontFace 接口的一个属性,它根据字体是否以及何时下载并准备好使用来确定字体样式的显示方式。此属性等效于 CSS font-display 描述符。

使用此属性时,字体加载具有三个时期的时序。前两个时期的长度取决于属性的值和用户代理。(见下文。)

阻塞期

浏览器会隐式地准备一个备用字体。如果字体样式在此期间加载,则使用它来显示文本,并且显示完成。

交换期

如果字体样式仍未加载,则将显示备用字体。当字体样式加载时,将用下载的字体替换备用字体。

失败期

如果字体样式仍然没有加载,则将显示备用字体,并且不会发生替换。

一个具有以下值之一的字符串。

auto

使用用户代理提供的字体显示策略。

block

为字体样式提供一个短的阻塞期和一个无限的交换期。规范建议阻塞期为 3 秒,但这可能因浏览器而异。

fallback

为字体样式提供一个短的阻塞期和一个短的交换期。规范建议阻塞期为 100 毫秒或更短,交换期为 3 秒,但这些值可能因浏览器而异。

optional

为字体样式提供一个短的阻塞期,并且没有交换期。规范建议为 100 毫秒或更短,但这可能因浏览器而异。

swap

为字体样式提供 0 秒的阻塞期和一个无限的交换期。

规范

规范
CSS 字体加载模块级别 3
# dom-fontface-display

浏览器兼容性

BCD 表格仅在浏览器中加载