Android浏览器在输入时不使用font-family

Question

我有一个需要设置为等宽字体样式的文本区域元素。我将font-family设置为monospace。然而，这适用于Chrome移动设备和桌面设备，在Android浏览器上，在输入文本时会一直显示默认字体，直到其他元素聚焦为止。

    .content-text, .context-text:focus{
      font-family : monospace ;
    }

Answer 1

检查你的@ font-face，它与android兼容吗？ 查看此博文： http://www.brianhadaway.com/font-face-declarations-on-android-devices/

在此处或该帖子上使用代码段来解决问题。

@font-face {
font-family: 'MyFont';
src: url('MyFont.eot?') format('eot'), url('MyFont.woff') format('woff'), url('MyFont.ttf') format('truetype'), url('MyFont.svg#webfontwTBKaDwa') format('svg');
font-weight: normal;
font-style: normal;
}