使用Mac，Google字体在我的网站中渲染效果不佳

Question

我在使用Google字体的两个网站中遇到了问题。 我不知道，但Chrome和Safari（在Mac中）的字体非常不同。 我的所有css在两个网站中是相同的，但在Mac中字体不能很好地呈现。 有一个例子：

第一个是非常锋利但第二个是更重...并且是相同的字体，相同的重量属性......

这只是一个例子，问题出现在我网站的所有文本中。

可能是什么问题？

编辑：

我想其他差异......第一个网站在Wordpress下工作但第二个网站没有，但我认为这不是原点。

Answer 1

确保三件事 -

1）您可能需要https（或其他方式）从http URL导入字体

2）您输入了所需的重量。 应该导入每个谷歌字体以及可用的权重。例如，此代码 - @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);导入权重400（正常）和700（粗体）的字体。

3）您正在运行最新版本的浏览器

Answer 2

将字体平滑应用于正文可能是值得的：

* {
    -webkit-font-smoothing: antialiased;
}

当然，您可以更具体，但不应该导致在全球范围内应用它的任何问题。 我曾经遇到过几次类似这样的字体问题而且它在很多时候都有所帮助。这至少是解决问题的第一步。