IE9, IE10が抱えるHelvetica問題について初めて知った件

ドットインストールのお問合せでご指摘いただいたのですが、IE9、IE10で次のようなバグがあるそうです。知らなかった・・・爆発してくれ。

■ 発動条件

組み合わせ的にレアではありますが、次のような条件で発動します。

  • bodyのfont-family指定で、最初にHelvetica(Helvetica Neue)が記述されている。
  • 閲覧しているPCにHelvetica(Helvetica Neue)がインストールされている(つまりWindows PCですね)。

■ 現象

IE9およびIE10で見ると真っ白になる。

■ 対処方法

font-family指定をする際にHelvetica(Helvetica Neue)より前に他のフォント(Arialなど)を指定する。

今、見てみたらBootstrapでもHelveticaが最初に来ている・・・。IE9時代から指摘されていたようですが、IE10になっても治っていないってある意味すごい。

なお、以下のサイトも参考にしてみてくださいね。

Pocket

SPONSORED LINK

Leave a Reply

Your email address will not be published. Required fields are marked *