这些截图均来自相同的源代码:
您可以猜测,这些是使用Linux上的最新Google Chrome(43)呈现的。 如您所见,结果差异很大,我不明白为什么。
我唯一做的就是在新标签页面中打开页面,不知怎的,我随机得到了这些结果(通常是前两个截图中的一个)
代码的相关部分,即。触及字体-family
,-style
或-weight
的所有内容:
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600);
body {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
}
h1, h2, h3 {
font-weight: 600;
}
.timetable .organisation {
font-style: italic;
}
.timetable .title {
font-weight: 600;
}
您可以自己查看there (代码是实时的,我并不关心该错误,足以制作开发副本)
据我所知,第一个屏幕截图显示了正确的字体呈现(其中它更薄),另一个是sans-serif
,它是font-family
列表中的下一个。
Google字体似乎以WOFF2
格式提供字体(通过直接在标签中打开the imported CSS进行检查)。
我不知道如何检查页面中实际加载的字体格式。
我尝试了一切远程相关的事情:
这个"相关问题"不相关:
font-weight
确实存在此字体。font-size
设置在px
。font-style
是正确的。它可能与this unanswered question有关,虽然我的经验不同,因为结果会随机变化。