android - Android浏览器在输入时未使用字体系列

我有一个文本区域元素，需要将其样式设置为等宽字体。我将字体系列设置为等宽字体。但是，这在Chrome移动设备和台式机上都可以使用，在Android的浏览器上，在输入文本之前，它会一直显示默认字体，直到其他元素成为焦点为止。

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

最佳答案

检查您的@ 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;
}