桌面浏览器与iOS浏览器的字体权重呈现方式不同

时间:2013-01-27 18:19:29

标签: css fonts google-webfonts

我正在使用名为Open Sans的Google Webfont,其中字体权重为800,为h1标签指定。当我在iOS浏览器(iPhone或iPad上的Chrome和Safari)上查看此页面时,字体呈现的效果比桌面浏览器中呈现的更薄。您可以在screenshot中看到差异。

我希望font-weight在所有设备上呈现相同,有人可以帮助我吗?

我的代码:

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'>

1 个答案:

答案 0 :(得分:2)

我相信你错过了一个空间:

font-family: 'Open Sans'