FontFace: display プロパティ

display は FontFace インターフェイスのプロパティで、フォントフェイスがどのように表示されるかを、それがダウンロードされ使用する準備ができているかどうかに基づいて決定します。 このプロパティは CSS の font-display 記述子に相当します。

このプロパティが使用されると、フォントの読み込みは 3 つの期間を持つタイムラインを持ちます。 最初の 2 つの期間の長さは、プロパティの値とユーザーエージェントに依存します。 （下記参照。）

ブロック期間

ブラウザーは目に見えない形で代替フォントを準備します。この間にフォントフェイスが読み込まれると、それを使用してテキストが表示され、表示が完了します。

スワップ期間

フォントフェイスがまだ読み込まれていない場合は、代替フォントが表示されます。 フォントフェイスが読み込まれると、代替フォントがダウンロードしたフォントと入れ替えられます。

失敗期間

フォントフェイスがまだ読み込まれていない場合は、代替フォントが表示され、入れ替えは行われません。