Html 谷歌字体在我的网站上使用Mac时效果不佳

Html 谷歌字体在我的网站上使用Mac时效果不佳,html,css,macos,fonts,google-webfonts,Html,Css,Macos,Fonts,Google Webfonts,我在两个使用谷歌字体的网站上遇到了问题。 我不知道,但是Chrome和Safari(Mac)的字体非常不同。 我所有的css在这两个网站上都是一样的,但在Mac上字体呈现不好。 有一个例子: 第一个非常锋利,但第二个更重。。。并且是相同的字体,相同的重量属性 这只是一个例子,问题发生在我网站上的所有文本中 有什么问题吗 编辑: 我想其他的区别。。。第一个网站在Wordpress下工作,但第二个网站不工作,但我认为这不可能是来源。确保三件事- 1) 您从http URL导入字体时可能需要http

我在两个使用谷歌字体的网站上遇到了问题。 我不知道,但是Chrome和Safari(Mac)的字体非常不同。 我所有的css在这两个网站上都是一样的,但在Mac上字体呈现不好。 有一个例子:

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

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

有什么问题吗

编辑:


我想其他的区别。。。第一个网站在Wordpress下工作,但第二个网站不工作,但我认为这不可能是来源。

确保三件事-

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

2) 您导入了所需的重量。 每个谷歌字体都应该和它可用的权重一起导入。例如,此代码-
@导入url(http://fonts.googleapis.com/css?family=Open+Sans:400700)导入字体的重量为400(普通)和700(粗体)


3) 您正在运行所用浏览器的最新版本

对正文应用字体平滑可能是值得的:

* {
    -webkit-font-smoothing: antialiased;
}
当然,您可以更具体一些,但在全球范围内应用它不应该引起任何问题。
我曾多次遇到过类似的字体问题,这对我很有帮助。至少解决这个问题是一个简单的第一步。

Yes@Roysh,我在必要时使用http或https导入,我在字体和css文件中使用了400600700,声明都像“font-weight:700”;是的,我使用的是最新版本的浏览器。然后,你可能想看看这个-我会试试这个…但我在caniuse Safari中读到不支持字体inf格式。woff2否?我看到代码和谷歌返回了格式为.woff2和.woff的字体。。。。。。可能是问题吗?Safari确实看不到这些字体,但如果您使用Google Font的Safari,则应提供正确的字体文件以正确呈现。我认为是这样……但我不明白为什么会以这种方式工作,非常奇怪的是,你是不是在你的HTML中使用了谷歌字体,然后在你的CSS中引用了它们?是的,我已经把我的字体和样式(400600700…)