FontFace: display 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

注意:此功能在 Web Workers 中可用。

FontFace 介面的 display 屬性決定了字體面部如何顯示,這取決於字型是否已下載並準備好使用。此屬性等同於 CSS 的 font-display 描述符。

使用此屬性時,字型載入有一個包含三個時期的時間線。前兩個時期的長度取決於屬性值和使用者代理。 (見下文。)

阻塞期 (block period)

瀏覽器會不可見地準備一個備用字型。如果字體面部在此期間載入,它將被用於顯示文字,顯示完成。

交換期 (swap period)

如果字體面部仍未載入,將顯示備用字型。當字體面部載入後,備用字型將被下載的字型替換。

失敗期 (failure period)

如果字體面部仍未載入,將顯示備用字型,並且不會發生替換。

一個字串,具有以下值之一。

auto

使用使用者代理提供的字型顯示策略。

block

為字體面部提供一個短暫的阻塞期和一個無限的交換期。規範建議阻塞期為 3 秒,但這可能因瀏覽器而異。

fallback

為字體面部提供一個短暫的阻塞期和一個短暫的交換期。規範建議阻塞期為 100 毫秒或更短,交換期為 3 秒,但這可能因瀏覽器而異。

可選

為字體面部提供一個短暫的阻塞期,沒有交換期。規範建議為 100 毫秒或更短,但這可能因瀏覽器而異。

交換

為字體面部提供 0 秒的阻塞期和無限的交換期。

規範

規範
CSS 字型載入模組等級 3
# dom-fontface-display

瀏覽器相容性