桌面浏览器与 iOS 浏览器上的字体粗细渲染不同答案

【问题标题】：font-weight rendering differently on desktop browsers vs. iOS browsers桌面浏览器与 iOS 浏览器上的字体粗细渲染不同
【发布时间】：2013-01-11 02:44:24
【问题描述】：

我正在使用一个名为 Open Sans 的 Google Webfont，其中为 h1 标签指定了 font-weight:800。当我在 iOS 浏览器（iPhone 或 iPad 上的 Chrome 和 Safari）上查看此页面时，字体呈现比在桌面浏览器中呈现更薄。您可以在此screenshot 中看到不同之处。

我希望字体粗细在所有设备上都呈现相同，有人可以帮我吗？

我的代码：

h1 {
    font-weight: 800;
    font-family: 'OpenSans' 
}

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,600,800' rel='stylesheet' type='text/css'>

【问题讨论】：

标签： css fonts google-webfonts

【解决方案1】：

我相信你在这里缺少一个空格：

font-family: 'Open Sans'

【讨论】：

好吧。这肯定比我想象的要容易。哈哈。谢谢你。有趣的是，字体在桌面浏览器上正确显示为“opensans”，但在移动浏览器上却没有？很奇怪。
桌面更能适应代码错误。或者您的计算机上安装了“OpenSans”字体。