トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
記事ページをLighthouseで検証した際、
Ensure text remains visible during webfont load
…fonts/icomoon.woff2?2c57uas(swell-theme.com)
という表示が出ます。
子テーマのcssに@font-faceでicomoon.woff2?2c57uasを指定しても解消されないため、
解決方法ご教示いただけると助かります。
現在サイト構築中のためURLを記載できませんが、SWELL公式サイトの記事ページでも
同様の表示が出ているようです。
よろしくお願いいたします。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.9.4
利用中のWordPressバージョン
6.0.3
利用中のプラグイン一覧
Custom Post Type UI
SEO SIMPLE PACK
Blocks Animation: CSS Animations for Gutenberg Blocks
投稿済 : 18/10/2022 10:02 am
私も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が呼び出されるようになりうまくいきました。
This post was modified 2年前 by きんき
投稿済 : 18/10/2022 8:46 pm
ごめんなさい。気の所為でした。
投稿済 : 18/10/2022 9:04 pm
度々すみません。うまく投稿の編集ができず・・・。
読み込んでいるassetsフォルダとかもアップするか相対パスを書き換えないと駄目っぽいですね。
投稿済 : 18/10/2022 9:18 pm
子テーマ管理は使わない派なので参考にならないと思いますが、
「ウェブフォント読み込み中のテキストの表示」問題の解決方法 が参考になるかも知れません。
親テーマのcss先に読み込んでるから後から
font-display:swap
しても@font-faceの内容更新されてないだけじゃ？ｒｙと思いました。。。🐈親しか触らない人は普通に更新されると思います。
This post was modified 2年前 by weiser
投稿済 : 23/10/2022 10:22 pm
Topic starter
やはり子テーマで無理やり@font-faceを上書きしようとしていたのが原因でした。
情報ありがとうございました！
ファイルを諸々子テーマにもってきたり試したのですが、
最終的に私の技量もあってか親テーマのswell-icon.cssが上書きできず、
残ってしまい、子テーマでは対応できませんでした。
情報ありがとうございました！
子テーマでの上書きを希望していたのですが、
最終的に、親テーマのswell-icon.cssに
font-display:swap
を追記することにし、解決しました。
Lighthouseでのエラー表示も消え、助かりました！
親テーマに１行追記するだけだったところ、
子テーマで対応したいという別議題がひっかかっていました。
バージョンアップで親テーマで対応いただけると嬉しいです。
This post was modified 2年前 by sw_fw
