IEでCSSで指定してもフォントのサイズが小さくならない

木曜日, 9月 3rd, 2009

こんにちは、なかわけです。

今日も仕事中に見つけた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: , ,

Leave a Reply

*