2014年8月6日

ブラウザでフォントを強制するとアイコンがおかしくなる

最近はフォントを利用してアイコンを表示するサイトが増えてきました。例えばtumblrやAol readerがそうです。しかし、ブラウザのフォントの設定で、例えばメイリオで描画するよう強制していると、こうしたフォントが文字化けすることになります。

この問題の解決方法は、フォントの設定でWebページが指定したフォントを優先するようにすることです。フォントを強制する拡張機能があれば削除しましょう。

問題は、この問題を解決しつつ、気に入ったフォントを使用するにはどうするかですが、スタイルシートを使って、MSPゴシックなどをメイリオなどに置き換えればいいわけです。この方法についてリンクをいくつか紹介させていただきます。

Firefox用
Chrome用

Firefoxの方はこちらで動作確認していますが、Chromeは仕様変更がけっこう激しいので違う方法を検索する必要があるかもしれません。あるいはSleipnirを使うのも良い手かも。