Firefoxで正しく画像が表示されない場合の対処法

公式サイトや検索結果では、キャッシュを消せ、スーパーリロードしろ、といったものばかりですが、別の解決法を示します。

まず下記のような状態になったとします。画像が表示されていません。
f:id:gregminster:20141018074009p:plain

ソースを見ると img タグが直接使われているわけではありません。従ってスタイルシートの適用によるものだと分かります。解決法は分かりました。

「ツール」→「オプション」→「コンテンツ」→「詳細設定」から、「Web ページが指定したフォントを優先する」にチェックを入れて下さい。これで CSS が適用されるはずです。
f:id:gregminster:20141018074240p:plain

ただしこの設定は文字通り CSS のフォントを優先するので、Windowsでフォントを入れまくっていると、CSS の設定によってはあまり美しくないフォントが(Windowsでは)選ばれることもあります。これは仕方ないことです。

Powered by はてなブログ