IE8のテキストエリアに指定した日本語フォントを適用する

harada 138views 更新:2015年4月10日

IE8環境で、本文は指定した通りのフォントが表示されているのに、なぜかテキストエリアでのみ指定したフォントが表示されないという現象があるようです。

この現象は先頭に欧文フォントを指定していると起こるようで、先頭に日本語フォントを持ってくることで直ります。

なのでメイリオフォントを効かせたい場合は、言語環境が日本語の場合のテキストエリアへの指定を以下のように記述するとうまく指定できます。

:lang(ja) textarea {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

参考:CSSのfont-family指定に関する考察 2014年版

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません