IE8以降で当サイトを閲覧すると文字が化ける件

閲覧、っていうか前の記事を書いてる時に「アレッ?」って思いました。なんか……中国語フォントっぽい?
とりあえず原因を特定するために調査開始です。
・他のブラウザではどうかな? → Google ChromeやFirefoxでは文字化けしないよ。

 ・端末依存ではない? → ホームページ確認サイトのブラウザキャプチャサービスで確認しても、Windows7+IE8の組み合わせで文字化けが起きるね。端末依存ではなさそうだよ。たぶん、サーバ側の設定の問題でも無さそう。

 ・影響を受けるOSやIEのバージョンは? → 確認出来る範囲ではWindows Vista+IE9,WIndows 7+IE8,Windows 7+IE9で文字化けが起きる。XP+IE8では化けない。Vista+IE8以降が怪しいなー。

 ・念のため確認するけど、自分の使ってるIEのフォント指定、おかしくなってないよね? →当然MS Pゴシック/ MSゴシックだよね。

・IE7互換表示モードで直るかも? → IE7 互換表示に切り替えると文字化けが直ったよ!

 ・スタイルシートの影響かな? → スタイルシートを無効にするとIE7 互換表示に切り替えなくても直るよ。スタイルシートが原因っぽい。

・スタイルシートのフォント指定は何? → 「font-family: Georgia, “Bitstream Charter”, serif;」だよ。別に変な設定はしてないよ。

 ・他に気になることは無い? → htmlタグはlang=”ja”でcharsetはUTF-8だよ。ひょっとしたらcharsetをshift_jisにすれば直るかもだけど、ウチのページでこの部分を変える気は無いよ。

うーん、これは・・・・・・どうやらVista+IE8以降でlang=”ja”でUTF-8のページを表示するとき、MSゴシックで表示するべきところを謎の中国語っぽいフォントを呼び出してるっぽい?

ならばスタイルシートで明示的にMSゴシックとかMS Pゴシックでフォントを指定してあげればオッケーのはず。

・・・一応修正の目途は付いたので今日は終了~。