Android瀏覽器在輸入時未使用字體系列

Question

我有一個文本區域元素，需要將其樣式設置為等寬字體。 我將字體系列設置為等寬字體。 但是，這在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;
}