「Edge」や「IE」で「Font Awesome」が表示されない時の解決方法

Web制作をしていると、「IE」や「Edge」だけの不具合が発生する事がありますよね。今回はその中でも「Font Awesome」の表示についてです。ChromeやFirefox、Safariでは問題なく、「Font Awesome」が表示されるのに、なぜか「IE」や「Edge」では「Font Awesome」が表示されない事があります。

ネットでは下記のようにCDN参照する事で解決するなどの記事が見つかりましたが、これでも解決しない事があります。

特定の環境でFont-Awesomeが表示されない時の対処法

その場合、「font-family」の設定を、cssの*{}（ページ全体のフォント統一）で設定していないか確認してみてください。これが原因で「IE」や「Edge」で「Font Awesome」が表示されない場合があります。もしこれが原因の場合は、*{}ではなく、body{}などで、font-familyを設定する事で、解決できます。

まとめ

「Edge」や「IE」だけで「Font Awesome」が表示されない時は、*{}での「font-family」設定をしていないか確認してみる事が大切ですね。