css - 字体粗细在桌面浏览器和 iOS 浏览器上呈现不同

Question

我正在使用名为 Open Sans 的 Google Webfont，其 font-weight:800 为 h1 标签指定。当我在 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'>

Answer 1

我相信你在这里遗漏了一个空格:

font-family: 'Open Sans'