ウェブフォント読み込み中のテキストの表示

[梶村]

お世話になっております。
様々な方法で問題解決に取り組んだのですが、
下記の件に付きまして
対策方法をご教示いただけましたらとご連絡させていただきました。

https://web.dev/font-display/?utm_source=lighthouse&utm_medium=unknown
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ページ読み込み速度の対策として
下記の件があるかと存じます。

フォント表示のCSS機能を使用して、
Webフォントの読み込み中にユーザーがテキストを読めるようにしてください。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
wp-content/themes/dp-fresco/css/fonts/dpicons.woff
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
このCSSファイルに対して、

font-display: swap;
@font-face {font-display: swap;}

などの追記をしたりと努力はしているのですが・・
当方の知識で改善することができません。

何卒、上記1件の対処方法を教えていただけないでしょうか。

お忙しい中、大変失礼します。

[DigiPress サポート]

「dpicons」は組み込みのアイコンフォントです。
アイコンは要素の ::before 疑似要素に対して content パラメータでCSSコードとしてセットされるもので、そもそも代替するテキストやフォントがありません。

[梶村]

ご返信ありがとうございます。
今後共、何卒よろしくお願い申し上げます。

[投稿者]

投稿