Closed4
font-display 各プロパティの大体のイメージ
どのように代替されるかの大体のイメージ (「だいたい」だけに)
参考
block
フォントのダウンロードが完了するまで、テキストは非表示にされる。
しばらくしてもフォントのダウンロードが完了しなかった場合には、代替フォントで表示される。
ダウンロードが完了した時点で、そのフォントで表示される。
swap
フォントのダウンロードが完了するまで、代替フォントで表示される。
ダウンロードが完了した時点で、そのフォントで表示される。
fallback
フォントのダウンロードが完了するまで、代替フォントで表示される。
しばらくしてもフォントのダウンロードが完了しない場合には、そのフォントの使用を諦め、代替フォントのまま表示する。
optional
フォントのダウンロードが完了していない場合、代替フォントで表示する。
キャッシュが取れてる二回目以降のアクセス時には適応されるイメージ。
サンプル
このスクラップは2021/08/05にクローズされました