Lighthouseで確認時のicomoon.woff2?2c57uas - 不具合報告 https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/ SWELLユーザー限定で利用可能な掲示板です。 ja Sat, 08 Aug 2026 00:31:47 +0000 wpForo 60 RE: Lighthouseで確認時のicomoon.woff2?2c57uas https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5572 Tue, 25 Oct 2022 07:33:57 +0000 @loos_ryo 

承知いたしました！　ご検討いただき、ありがとうございました。

]]> 不具合報告 sw_fw https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5572 RE: Lighthouseで確認時のicomoon.woff2?2c57uas https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5566 Tue, 25 Oct 2022 06:47:50 +0000 アイコンの表示が□になって一瞬ちらついてしまうのを防ぐために、swapはテーマ側では指定していません。

]]> 不具合報告 了 https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5566 RE: Lighthouseで確認時のicomoon.woff2?2c57uas https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5554 Mon, 24 Oct 2022 01:59:28 +0000 @weiser

やはり子テーマで無理やり@font-faceを上書きしようとしていたのが原因でした。
情報ありがとうございました！

@kinki

ファイルを諸々子テーマにもってきたり試したのですが、
最終的に私の技量もあってか親テーマのswell-icon.cssが上書きできず、
残ってしまい、子テーマでは対応できませんでした。
情報ありがとうございました！

子テーマでの上書きを希望していたのですが、
最終的に、親テーマのswell-icon.cssに
font-display:swap
を追記することにし、解決しました。

Lighthouseでのエラー表示も消え、助かりました！
親テーマに１行追記するだけだったところ、
子テーマで対応したいという別議題がひっかかっていました。

バージョンアップで親テーマで対応いただけると嬉しいです。

]]> 不具合報告 sw_fw https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5554 RE: Lighthouseで確認時のicomoon.woff2?2c57uas https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5551 Sun, 23 Oct 2022 13:22:41 +0000
子テーマ管理は使わない派なので参考にならないと思いますが、
「ウェブフォント読み込み中のテキストの表示」問題の解決方法 が参考になるかも知れません。
親テーマのcss先に読み込んでるから後から
font-display:swap

しても@font-faceの内容更新されてないだけじゃ？ｒｙと思いました。。。🐈親しか触らない人は普通に更新されると思います。

]]> 不具合報告 weiser https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5551 RE: Lighthouseで確認時のicomoon.woff2?2c57uas https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5536 Fri, 21 Oct 2022 07:57:01 +0000 @kinki 

ありがとうございます！　せっかくご返信いただいたのに確認遅くなり申し訳ありません。

font-display: swap;の追加がどうも反映されず、引き続き苦戦しており……

functions.php追記の件も追記したところ私の環境だと一瞬phpエラーメッセージが表示されてしまうようなので、

引き続き検討してみます。進展したらこちらで共有させていただきます！

]]> 不具合報告 sw_fw https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5536 RE: Lighthouseで確認時のicomoon.woff2?2c57uas https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5524 Tue, 18 Oct 2022 12:18:42 +0000 度々すみません。うまく投稿の編集ができず・・・。

読み込んでいるassetsフォルダとかもアップするか相対パスを書き換えないと駄目っぽいですね。

]]> 不具合報告 きんき https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5524 RE: Lighthouseで確認時のicomoon.woff2?2c57uas https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5523 Tue, 18 Oct 2022 12:04:00 +0000 ごめんなさい。気の所為でした。

]]> 不具合報告 きんき https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5523 RE: Lighthouseで確認時のicomoon.woff2?2c57uas https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5522 Tue, 18 Oct 2022 11:46:53 +0000 私もPageSpeedInsightsの警告が気になっていたのですが

/swell/build/css/swell-icons.cssの該当部分に

font-display: swap;を追加したら消えるようです。

 

親テーマ編集だと困る場合

追記した当該ファイルを子テーマに置いただけでは反映されなかったので

（どうするのが適切か詳しくないので自己責任でお願いしたいですが）

子テーマのfunctions.phpの「親テーマのfunctions.phpのあとで読み込みたいコードはこの中に。」のところに

wp_enqueue_style( 'swell-icons', get_stylesheet_directory_uri() .'/build/css/swell-icons.css', [], SWELL_VERSION );

と追加したら子テーマの方のcssが呼び出されるようになりうまくいきました。

]]> 不具合報告 きんき https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5522 Lighthouseで確認時のicomoon.woff2?2c57uas https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5520 Tue, 18 Oct 2022 01:02:33 +0000 記事ページをLighthouseで検証した際、

Ensure text remains visible during webfont load
…fonts/icomoon.woff2?2c57uas(swell-theme.com)

という表示が出ます。

子テーマのcssに@font-faceでicomoon.woff2?2c57uasを指定しても解消されないため、
解決方法ご教示いただけると助かります。

現在サイト構築中のためURLを記載できませんが、SWELL公式サイトの記事ページでも
同様の表示が出ているようです。

よろしくお願いいたします。

]]> 不具合報告 sw_fw https://users.swell-theme.com/forum/swell-bugs/lighthouse%e3%81%a7%e7%a2%ba%e8%aa%8d%e6%99%82%e3%81%aeicomoon-woff22c57uas/#post-5520