これってIE8の不具合なんじゃね・・・？文字の大きさが勝手に変化するよ？

IE8の気になる不具合について記述したページ。
IE8で以下の文字がやや小さめの段落をクリックしてみたりリンクの上にカーソル乗せたりしてみてください。

特別な仕掛けをしている訳じゃありません。ごく一般的なcss+xhtmlです。

上記は作動確認テスト文章。本文は以下。

当方、5月6日よりIE8にアップグレードし使用しています。
とりあえずWEB表示形式がWeb標準モードがデフォルトになり、これは嬉しい。
Firefox、Opera、GoogleChromeなどとほぼ同じWeb表示が出来るようになり（各ブラウザ微妙に違うけど）サイトのレイアウトを修正するのは今後楽になりそうです。
Javascriptの表示も随分高速化され、これも良いカンジ。

、、、、が、何か違和感がある。絶対おかしい。。。

時々、閲覧しているサイトが微妙に動く。ピクピクしてます。なにこれ('Α`)

IE8を使用していると、時々文字の大きさが勝手に変化します。サイトによっては、閲覧者が混乱するくらい文字が暴れ回ります。
特に、AdSense広告やMicroAdの468X60、728X90、120X240サイズの広告は、文字の大きさが頻繁に変化します。マウスカーソルが乗っかった際にも動いたりします。気持ち悪いです。

他にも、普通のリンクや文字も、時々ピクピク動きます。

これに規則性を見つけるまで3日かかりましたが、ようやく発動条件が解ってきたので報告です。

IE8で文字が動く条件

1. IE8を使用。ブラウザのフォントにMS ゴシック、MS Pゴシック、MS 明朝、MS P明朝を指定している。
   （メイリオでは発生しない。）
2. 文書（HTML）側で「一般的なWindows用日本語フォント」が指定されていない
3. 動く文字は、10.5px～11px。（ポイント指定で8ptでも動く）（他、中途半端なサイズのフォントでも発生）
4. javascriptが結構多用されている。

この4点が揃うと、ピクピクモード発動するみたいです。
「IE 8を使う場合は、フォントはメイリオ使ってね」て事ですかね(´Д｀；)
それとも単なるマイクロソフトのテスト不足でしょうか？

ピクピク現象が確認できるサイト

無料で使えるフリーソフトAnswerTakerさん
右サイドバー、タグクラウドの一部に11pxが使用してあり、マウスカーソルを乗せるとフォントサイズが変化します。

ブログランキング ドット ネットさん
あちこちのサイトを閲覧した中で一番影響受けているかも。
サイドバーの半数に11px使用。同じくカーソル乗せるとフォントサイズが変わります。
広告類も画面表示が終わるまでピクピクしたりして落ち着きません

MovableType3.3系の管理ページ
リンクは貼れませんがこのブログの管理ページ、11pxが多用されています。
更新中アチコチのリンクが暴れまわってかなりストレスを感じます。
個人的にはこれが一番嫌。
MT3.3系でブログ運営してて、フォントをMSゴシックにしている人は、今は絶対にIE8にしちゃダメですよ。

W3CCSS 検証サービスページ
ヘッダ部分の言語指定するナビゲーションリンクが11px。カーソル乗せると大きさが変化します（ハングルと简体中文）。
WEB標準を定めるW3Cのページですらピクピクしますよ(´Д｀；)

えっと、悪意を持って晒している訳じゃないことを理解してね（＾_＾;
W3Cのページですらフォントサンズが変化するので、明らかにIE8のチェック漏れだと思います。IE8がAcid2テストに合格したとか話題がありましたが何それってカンジです。。。

とりあえず

ウチのサイトはヘッダ、フッタ、サイドバーの一部に11pxの大きさを使用していましたが、全て12pxまたは10pxに変更。これで（多分）内部コンテンツはピクピクしなくなりました。
しかしまだ画面上部のAdsense広告（468X60）が「画面表示が完全に終了」するまで、文字サイズが変化しますね。。。

対応策

• Web表示にメイリオ使わないならIE8はインストールしない
• インストールしちゃった人は
  
  • フォントにメイリオを使う
  • または互換モードで表示させる
  • ピクピクしても気にしない事にする（笑）
• サイト運営者は
  
  • 10.5～11pxのフォントは一切使わない。今まで8ptを利用していた箇所には7.5ptを指定する。
  • font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;　
    等々、MS系フォントの指定を入れてやる（MS明朝、ゴシック、メイリオいずれも可）
  • XHTMLやめてHTML4に戻す
  • <meta http-equiv="X-UA-Compatible" content="IE=7" />
    と一文書き加える事でIE8を強制的にIE7モードにする

おまけ

IE8環境のAdSenseの文字サイズ表示変化について - AdSenseヘルプ
http://www.google.com/support/forum/p/adsense/thread?tid=5a068dfb1a2ff8ea&hl=ja
上記の「けん」は私（＾_＾;

powered by Movable Type 4.28-ja 　designed by KEN.
Copyright(c) ぼくんちのＴＶ 2007-2012 All Rights Reserved.