正確には10~11pxあたりのフォントの表示の不具合だ。
文字が大きくなったり小さくなったり、ひどい時にはピクピク動く。
悪いことにパーセントで文字サイズを指定しても同じように不具合が表れる。
この不具合は同じ環境でも再現できないことがあるが、気がつくと表示が崩れるという特性を持っている。
さまざまな条件で表れるため、特定は開発者に任せるとして、解決法だけ。
解決法
フォントの指定で日本語名のフォントを先頭に指定する。
具体的には
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','MS Pゴシック','sans-serif';
と指定した。
後発のブラウザが正確な表示を実現するなか、本来の意味での「WEB標準」になる日は来るのだろうか?
Internet Explorer 9 の最新版でも改善されない致命的なHelveticaバグ
「人気ブログの作り方」もう色で悩まない!人気ブログから学ぶ色彩のテクニック
Web Fontの使い方とGoogle Fontsのオススメフォント 10選
SyntaxHighlighterでConsolasを使うと日本語が文字化けする際の対処法
Google Fontsの日本語フォント「Noto Fonts」の使い方
Mac OS X 10.5、10.6、10.7、10.8に標準でインストールされているフォント一覧
Windows XP、Vista、7、8 に標準でインストールされているフォント一覧








