呈现Google字体时Chrome不一致

时间:2015-05-22 22:23:05

标签: google-chrome webfonts

这些截图均来自相同的源代码:

您可以猜测,这些是使用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进行检查)。 我不知道如何检查页面中实际加载的字体格式。

我尝试了一切远程相关的事情:

这个"相关问题"不相关:

它可能与this unanswered question有关,虽然我的经验不同,因为结果会随机变化。

0 个答案:

没有答案