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

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

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

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

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

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