Internet Explorer 8で10pxのフォントが崩れる


投稿日:2011年12月15日
  • 0
  • 0



正確には10~11pxあたりのフォントの表示の不具合だ。

文字が大きくなったり小さくなったり、ひどい時にはピクピク動く。
悪いことにパーセントで文字サイズを指定しても同じように不具合が表れる。
この不具合は同じ環境でも再現できないことがあるが、気がつくと表示が崩れるという特性を持っている。

さまざまな条件で表れるため、特定は開発者に任せるとして、解決法だけ。


解決法

フォントの指定で日本語名のフォントを先頭に指定する。
具体的には

font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','MS Pゴシック','sans-serif';

と指定した。

後発のブラウザが正確な表示を実現するなか、本来の意味での「WEB標準」になる日は来るのだろうか?


現在のページを共有する



現在のページに関連する記事

Internet Explorer 8で10pxのフォントが崩れる Internet Explorer 9 の最新版でも改善されない致命的なHelveticaバグ
Internet Explorer 8で10pxのフォントが崩れる 「人気ブログの作り方」もう色で悩まない!人気ブログから学ぶ色彩のテクニック
Internet Explorer 8で10pxのフォントが崩れる Web Fontの使い方とGoogle Fontsのオススメフォント 10選
Internet Explorer 8で10pxのフォントが崩れる SyntaxHighlighterでConsolasを使うと日本語が文字化けする際の対処法
Internet Explorer 8で10pxのフォントが崩れる Google Fontsの日本語フォント「Noto Fonts」の使い方
Internet Explorer 8で10pxのフォントが崩れる Mac OS X 10.5、10.6、10.7、10.8に標準でインストールされているフォント一覧
Internet Explorer 8で10pxのフォントが崩れる Windows XP、Vista、7、8 に標準でインストールされているフォント一覧

おすすめの記事

最新のXAMPPをインストールし、安全・高速に運用する方法

最新のXAMPPをインストールし、安全・高速に運用する方法

Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法

Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法

FuckAdBlockを利用して自由自在にAdblock対策をする方法

FuckAdBlockを利用して自由自在にAdblock対策をする方法

ImageMagickをWindowsのXAMPPに導入する方法

ImageMagickをWindowsのXAMPPに導入する方法

DNS Amp攻撃の解説と、踏み台にされないためのBIND DNSの設定

DNS Amp攻撃の解説と、踏み台にされないためのBIND DNSの設定

作業効率を飛躍的に向上させる!実務で使うIllustratorのショートカット一覧

作業効率を飛躍的に向上させる!実務で使うIllustratorのショー…

Windows 10でpsd形式のファイルをサムネイル表示する方法

Windows 10でpsd形式のファイルをサムネイル表示する方法

UWSCでPhotoshopの作業を自動化する方法

UWSCでPhotoshopの作業を自動化する方法


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。