Webページの日本語がFirefox OS 2.2で表示され無い問題の対策

Firefox の WebIDE から Firefox OS シミュレータでブログを表示したところ、大部分の日本語が表示され無い問題に遭遇しました。

この問題は 2.2 だけで発生し、2.1~1.3 では発生しません。

CSS が適用される前には一瞬だけ日本語が表示されてたので、そもそも日本語表示ができないということではなさそうです。

これをもとに font-family 指定を変えつつ見ていくと Roboto があると日本語が表示され無い、ことが判明。


body, textarea, input {
 font-family : Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,
 "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "MS Pゴシック" , "MS PGothic" , sans-serif;
}

@-moz-document url-prefix() {
 body, textarea, input {
  font-family : Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana, "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "MS Pゴシック" , "MS PGothic" , sans-serif;
 }
}

以上から、グローバルへの font-family 指定を firefox だけ上書きすることにしました。

問題は Firefox OS 2.2 でだけ起きているのでもっとピンポイントで上書きで来たらよかったのですが、js を使わないとするとこんなところでしょうか...