「このサイトはアフィリエイト広告(Amazonアソシエイト含む)を掲載しています。」

ブログ

スマホのiphoneで【FontAwesome】のアイコンが表示されない時の対処法‼︎

fontAwesomeアイキャッチ

ワードプレスの投稿画面では【FontAwesome】のアイコンが表示されているのに、スマホで見ると表示されていない時の対処法を紹介します。

【FontAwesome】公式ホームページ

←このアイコンのことです。

パソコンで【FontAwesome】のアイコンが表示されない時の対処法。筆者はCOCOONを使用。

アイコンを表示させる手順

アイコンが表示されていない囲み枠

せっかく、アイコンが使えるようになっても、スマホでこれじゃあ余計にカッコ悪いです。

  1. cocoon設定>高速化>WEBフォント
  2. 【アイコンフォントの非同期読み込みを有効にする】のチェックを外す。
  3. 更新して、確認してください。

いかがですか?簡単な方法なので是非試してください。

最後に

初心者の方は、色々な人のサイトを参考にしているうちに、設定を変えてしまい、いつの間にか表示がおかしくなったと言うことはよくあると思います。

実際私も、何回も設定を変えたりして、知らないうちに崩れていることが多々あります。

日頃から設定を変える時は、パソコンに日付と変更内容をメモすることをお勧めします。

香恋メルマガ登録

コメント

タイトルとURLをコピーしました