html - Google 字体在我使用 Mac 的网站上呈现效果不佳

Question

我在两个使用 Google 字体的网站上遇到了问题。我不知道，但 Chrome 和 Safari(在 Mac 中)的字体非常不同。我所有的 css 在这两个网站中都是相同的，但在 Mac 中字体呈现效果不佳。有一个例子:

第一个非常清晰，但第二个更粗......并且是相同的字体，相同的粗细属性......

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

可能是什么问题？

编辑:

我认为与其他差异...第一个网站在 Wordpress 下工作，但第二个网站不是，但我认为这不可能是起源。

Answer 1

确保三件事-

1) 您从 http URL 导入了字体，而您可能需要 https(或其他方式)

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

3) 您运行的是您使用的最新版本的浏览器