Windows Internet Explorer(以下IE)には、小さなフォントサイズが正確に表示されない不具合があります。
追記:IE9では修正されているようです。
不具合を確認するにはWindows IEを使って表示してください。
IE8の場合は、DOCTYPEの指定などにより不具合の出かたが違ってきます。
(1)font-familyの指定が、無指定の場合、フォントサイズ11pxの日本語部分は12pxのそれと同じになってしまいます。IE6、IE7共通。IE8で不具合が出る場合はIE6、IE7と同じになります。
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ10ピクセル・font-family指定無し
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ11ピクセル・font-family指定無し
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ12ピクセル・font-family指定無し
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ13ピクセル・font-family指定無し
|
(2)font-familyの指定が、MS系以外の欧文だと、また、IE6、IE7の場合は、10px、11pxがすべて12pxになってしまいます。IE8で不具合が出る場合は(1)と同じになります。
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ10ピクセル・font-family arial
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ11ピクセル・font-family arial
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ12ピクセル・font-family arial
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ13ピクセル・font-family arial
|
(3)font-familyの指定が、欧文のtahomaだと、フォントサイズ11pxの日本語部分は12pxのそれと同じになってしまいます。IE6、IE7共通。IE8で不具合が出る場合は同様になります。
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ10ピクセル・font-family tahoma
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ11ピクセル・font-family tahoma
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ12ピクセル・font-family tahoma
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ13ピクセル・font-family tahoma
|
これを解決するためには:IE用にfont-familyの指定を、MS系日本語フォントにします。
フォントサイズ10px、11px、12px、13pxの差がでます。IE6、IE7、IE8共通。
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ10ピクセル・font-family MS Pゴシック
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ11ピクセル・font-family MS Pゴシック
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ12ピクセル・font-family MS Pゴシック
|
- テスト日本語テキスト・テスト日本語テキスト
- テスト日本語テキスト・テスト日本語テキスト
|
フォントサイズ13ピクセル・font-family MS Pゴシック
|