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

这是bootstrap 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;
}