IE9でフォントがバラバラ

新しいInternet Explorerが出てくると悩みが増える。IE9もしかりで、本サイトのタイトルのフォントがバラバラになっちゃった。


これはIE9のバグらしいんだけど、CSSのfont-familyの指定で日本語フォントを一番最初に追加することで回避することができるらしい。

ここで使っているArjuna Xでは、テーマのstyle.cssで以下のように追記する。

.headerMain h1 a:hover {
color:#36414d;
font-size:40px;
font-family:'MS Pゴシック', "Times New Roman", Times, serif;
text-decoration:none;
}

そうするとちゃんと


と表示されるようになる。テーマが更新されるたびにここを直さないとな。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です