android - Android浏览器 - h1标签呈现看起来像wingdings，p标签呈现得很好

Question

我有一个引导站点可以在所有浏览器上干净地工作。
但是，在我的 Android 手机上浏览时，H1 和 H3 标签是用类似于wingdings 的字体编写的。我尝试取消自定义字体并使用与段落样式相同的 CSS，但无济于事。

h1, h2, h3, h4 {
    font-family: Raleway, Georgia, Times, serif;
    -webkit-text-stroke: 1px;
    -webkit-font-smoothing: antialiased;
}

p, blockquote, body {
    font-family: Helvetica, Arial, sans-serif;
}

我在任何地方都没有看到任何关于这个问题的帖子。我在我的几个网站上看到过。很不解。谢谢。

Answer 1

这是引导程序 2.3.1 中的一个错误（https://github.com/twitter/bootstrap/pull/7310）

在我的 android 手机 (htc mytouch) 上坏了，但在 windows 7 上的 chrome 上看起来很完美。是否有 @media 查询仅排除 chrome 手机浏览器？

修复这个添加到 your.css

h1, h2, h3, h4, h5, h6 {
    text-rendering: auto;
}