こんにちは、なかわけです。
今日も仕事中に見つけたIEのこと。
取引先からもらったHTMLとCSSを元にコーディングをしていて、IEだけ文字が小さくならない不具合にぶつかりました。
なかわけがfont-size:10pxと書いた部分は小さくならず、取引先が書いたfont-size:77%は小さくなります。
取引先からもらったCSSにはこんな感じに書いてありました。
font-family:'Lucida Grande',Arial,Helvetica,'ヒラギノ角ゴ Pro W3','メイリオ','MS Pゴシック',sans-serif; font-size: x-small; line-height:1.2;
どうやらfont-familyに日本語フォントより先に英字フォントを指定していると、
IEは指定されたフォントでは10pxにできないとご認識して10pxの文字指定を無視するようです。
(font-familyの順番を変えるとうまく10pxに変わりました。細かい検証はしてません)。
しかし、77%のようにパーセント指定すると小さくなります・・・。
調べればそれなりにわかったんだろうけど、ハメられたなー・・・。
Tags: CSS, font-family, IE