Daily happenings, XHTML, CSS, MT, WP, Web, a memo, etc…

IEで11px以下のフォントが指定より大きくなる

IE6、IE7でフォントサイズを%で指定した場合、11px以下のフォントが指定より大きくなるバグがあります。

対処法1

文字コードをUTF-8以外の日本語コード、Shift_JISやEUC-JPに指定。

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />

対処法2

font-family: で最初に日本語フォントを指定。

* html div#header {
font-family: 'MS Pゴシック', sans-serif;   /* IE6 */
}

*:first-child+html div#footer ul.nav {
font-family: 'MS Pゴシック', sans-serif;   /* IE7 */
}

UTF-8が主流になりつつある状況を考えると、対処法2の方がいいかもしれないですね。