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 に標準でインストールされているフォント一覧

おすすめの記事

そのサイト、WordPressじゃなくてWixで十分じゃない?

そのサイト、WordPressじゃなくてWixで十分じゃない?

プロ根性のあるデザイナーやブロガーにお勧めする4つの画像編集ソフト

プロ根性のあるデザイナーやブロガーにお勧めする4つの画像編集…

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

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

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう

iptablesで設定したパケットフィルタリングが正しく動作しているかテスト

iptablesで設定したパケットフィルタリングが正しく動作してい…

Apacheのmod_deflateでコンテンツを圧縮してサイトを高速化する方法

Apacheのmod_deflateでコンテンツを圧縮してサイトを高速化する…

Apacheのmod_rewriteモジュールの使い方を徹底的に解説

Apacheのmod_rewriteモジュールの使い方を徹底的に解説

今さら聞けない、変数や関数の命名規則と、まず覚えるべき英単語200

今さら聞けない、変数や関数の命名規則と、まず覚えるべき英単…


コメントを残す

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

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