我使用来自谷歌网络字体的“Lato”字体，它在除 safari 之外的所有浏览器上都能正常显示。
我在使用它font-weight:100;
这是不同浏览器的一些屏幕截图。知道是什么导致它变得非常薄吗？或者，如果有一种方法可以将其设置font-weight:300;为仅用于 safari 渲染？
我还为这个问题做了一个 js fiddle - http://jsfiddle.net/qLHuc/1/
火狐
铬合金
苹果浏览器
问问题
15436 次
3 回答
16
我不知道为什么，但 Safari 会在该页面上以小字体禁用亚像素抗锯齿。您可以通过应用来修复它-webkit-font-smoothing: subpixel-antialiased。见这里：http: //jsfiddle.net/qLHuc/3/
但是，我认为您应该考虑使用较重的字体。你在 Windows 上测试过这个吗？它可能看起来非常非常轻。启用亚像素抗锯齿后，OSX 会非常重地渲染文本，尤其是当文本位于深色或彩色背景时。您在 Safari 屏幕截图中看到的内容与不在 OSX 上的人看到的内容相似。
于 2013-03-14T18:13:12.080 回答
2
当我尝试使用带有 font-weight:300 的谷歌字体时，我也遇到了类似的问题——它在除 safari 之外的所有浏览器中都能正常工作。
我通过添加下面的 css 属性解决了这个问题。
-webkit-font-smoothing：抗锯齿；
于 2014-10-17T07:07:39.973 回答
0
我遇到了一个看起来完全相同的类似问题。我font-weight: lighter;在使用这个谷歌字体链接时使用了 CSS：
http://fonts.googleapis.com/css?family=Lato:300,400
不知何故，它显示为 100 重量！所以，我现在明确地使用font-weight:300;来获得我想要的东西。我不确定，但我相信这可能与我的系统上有字体有关，谷歌建议我的电脑在再次下载之前使用系统字体......如果没有这个 Q 就不会弄明白A，谢谢！
于 2013-11-12T02:24:44.320 回答