IEでUTF8のTextareaに円記号を入力したらバックスラッシュになる。

textareに円マークを入れるとバックスラッシュになると問い合わせを頂いた。
で、調べてみると。IE6ごろからUTF8で作ったFormでは、円マークがバックスラッシュになるらしい。
FF、クロームは円マークになる。

これを回避するには「¥」とか入れるらしいけど、いちいち変換してたら面倒。
もう少し調べるとcssのfont-familyで解決できるらしい。

textarea, input {
    font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ";
}

テキストエリアとテキストに対してfont-familyを指定するとIEでも円マークの入力が出来るようになる。

ちなみに日本語フォントを先に書いてから欧文フォントを書く。
先に書いたものから適用されるらしい。

コメントを残す

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)