Android浏览器在输入时不使用字体系列答案

【问题标题】：Android browser not using font-family while inputAndroid浏览器在输入时不使用字体系列
【发布时间】：2013-11-30 11:40:55
【问题描述】：

我有一个文本区域元素需要设置为等宽字体。我将字体系列设置为等宽字体。然而，这适用于 Chrome 移动设备和桌面设备，Android 浏览器在输入文本时会一直显示默认字体，直到其他元素获得焦点。

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

【问题讨论】：

Android 浏览器的默认样式表是否与常规浏览器不同？您可以通过将样式内联放入元素本身来检查：<textarea style="font-family:monospace"> 这应该会覆盖。
很遗憾，我目前无法访问 Android 浏览器。但是，给定的类规则不应该覆盖任何默认值吗？

标签： android css browser fonts textarea

【解决方案1】：

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

在这里或那个帖子上使用代码 sn-p 来解决问题。

@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;
}

【讨论】：

感谢您的回答。然而这并不能解决问题。该字体确实在浏览器中，因为它是任何浏览器（等宽）中的默认字体系列之一，并且在 textarea 元素处于模糊状态时显示。