Closed4

font-display 各プロパティの大体のイメージ

どのように代替されるかの大体のイメージ

block

フォントのダウンロードが完了するまで、テキストは非表示にされる。
しばらくしてもフォントのダウンロードが完了しなかった場合には、代替フォントで表示される。

ダウンロードが完了した時点で、そのフォントで表示される。

swap

フォントのダウンロードが完了するまで、代替フォントで表示される。
ダウンロードが完了した時点で、そのフォントで表示される。

fallback

フォントのダウンロードが完了するまで、代替フォントで表示される。
しばらくしてもフォントのダウンロードが完了しない場合には、そのフォントの使用を諦め、代替フォントのまま表示する。

optional

フォントのダウンロードが完了していない場合、代替フォントで表示する。
キャッシュが取れてる二回目以降のアクセス時には適応されるイメージ。

このスクラップは2021/08/05にクローズされました
作成者以外のコメントは許可されていません