IE9はメイリオ専用ブラウザなのかも知れない。。。

IE9でClearTypeを無効にしてMS PゴシックなどでWebサイトを表示すると、何か変。IE9では、字間がClearTypeフォントに最適化されているようです。

IE9はメイリオ専用ブラウザなのかも知れない。。。

フォントの字間

昨日「IE9 のClearType を無効にする方法」を紹介しましたが、IE9でClearTypeを無効にしてMS PゴシックなどでWebサイトを表示すると、何かしっくり来ないですよね?

特に見難いサイト
  ・フォントの種類をMS Pゴシックに指定
   かつフォントサイズを10~13pxに指定
   したサイト (このサイトもそうですが・・・)
IE9は、フォントのレタースペース(字間)が、ClearTypeフォントに最適化されているようです。

ちなみにフォントサイズ14px以上でも、メイリオに最適化して字間や段落を狭く取っているサイトも、IE9+MS Pゴシックで表示すると非常に汚い事になっています。

うーむ。IE9が ClearType を無効にする設定項目を外した理由は、ここにあるんだろうな・・・(^_^;

スクリーンショットで比較

IE8に戻して比較するのが面倒だったので、IE9とFirefoxで同じテキストを表示して比較してみました。

文字の間が詰まったり広がったり
▲クリックで拡大
ノーマル(細字)フォントの場合、IE9の方が僅かに文字間隔が広いです。
太字フォントの場合は逆に、IE9の方がかなり狭くなっています。

半角英数字の場合や太字の場合などは、文字間隔の詰まり方が特に顕著で、適切な文字間隔を保っていません。文字が重なり非常に読み難い場合が多々あります。IE9では、メイリオ以外のフォントを使ってWebサイトを表示した場合、非常に見辛いです。

同じページ内でも詰まったり、開いたり?

ClearType 無効にしたIE9であちこちブラウジングしていると、同じフォント・同じ文字データ・同じページにも関わらず字間が開いたり詰まったりしている現象も発見。

IE9のフォントの字間問題
▲クリックで拡大:Topsy.com内の当サイト一部ページ
ちなみにこれ、ClearTypeを有効にしておけば発生しないです。

つまり、IE9はClearType が有効になっている事を前提にフォントの文字間隔を調整しているっぽい。

 

IE9を利用する場合は、フォント指定はメイリオにして、ClearType を有効にしておくのが無難なようです。
どうしてもMS Pゴシックを利用したい場合は、「ユーザー補助」を利用して、専用のスタイルシートを適用した方がずっと読みやすくなります。
(というか、MSゴシックを使いたい場合は他のブラウザに引っ越した方が良いですね。。。)

 

関連エントリー

 



次のページへ
前のページへ
IE9はメイリオ専用ブラウザなのかも知れない。。。
TOPページへ

コメント(多忙中のため休止中) C[0] T[0]

人気ブログランキング
このブログを応援する・このブログに寄付する
mona:MEmMcKYAWfdX1r3XkoWBoweJTSjtDgdqRo
btc :1342ndtQDJ3NKkTw1BfP8AD4xMy8NJ4kWb


広告&サイト内おすすめページ

 

関連記事(ぜんぶ見る>> ブラウザ(IE9)
IE9のClearType を無効にする方法
自分のPC環境がIPv6に対応しているかチェック
IPv6の設定は、有効・無効どっちが良いの?
FTPで複数IPから同時接続。超過ギリギリのデータを効率よくアップロード、ダウンロードに挑戦

※コメント欄の一時休止中につき、Monacoin企画も休止中です。
KDDIレンタルサーバ a8a8 KDDI-SLI
次のページへ
前のページへ

更新日 2014/10/03(2011年05月公開)このページはリンクフリーです

カテゴリ(メニュー)
このページ

Amazon

Amazon 日替わりタイムセール
サイト内検索
Special Thanks (TOP15)

Amazon
リンク集
楽天市場/ブログランキング
a8 a8