Firefoxで一部サイトのアイコンフォントが正しく表示されない現象を直した話

どうということのない話題ですが、しばらく改善方法がわからなかったのでメモとして残しておきます。

スポンサーリンク

環境

Windows 10 + Firefox 59(現象はFirefox 58以前より発生済み)

現象

以前よりGoogle Cloud Platformなどの一部サイトでアイコンが正しく表示されず、「arrow_drop_down」「search」「star」といったテキストで表示されレイアウトがおかしくなる状態になっていました。

https://cloud.google.com/free/docs/always-free-usage-limits?hl=ja

広告ブロック用のアドオン(uBlock Origin)の設定を見直しても解決できず、主に「Material Icons」を使用するサイトで起きることまではわかっていたものの、大半のサイトでは問題なかったので放置していました。

解決方法

Firefoxの設定を眺めていた所、「一般」→「言語と外観」→「フォントと配色」の「詳細設定」内にある「ウェブページが指定したフォントを優先する」がオフになっていたことに気付き、この項目をオンにすることでアイコンが正常に表示されるようになりました。