IEで文字が乱れる問題に対処しました。

meigens.com ではフォントとしてメイリオを標準にしていましたが、IE環境ではJavaScriptにより名言が切り替わった際に文字がにじむという問題がありました。

このため、IEにおいてはメイリオをフォントからはずしました。

方法としては、CSSを読み込む箇所に分岐をいれ、IEとそれ以外で読み込むCSSを切り替えています。

<!--[if IE]> <link rel="stylesheet" type="text/css" href="/css/main_msie.css" /> <![endif]-->
<!--[if !IE]><![IGNORE[--><![IGNORE[]]> <link rel="stylesheet" type="text/css" href="/css/main.css" /> <!--<![endif]-->