“拉托”字体在Safari渲染奇数，而不是在铬或Firefox('Lato' fon

即时通讯使用从谷歌Web字体的“拉托”的字体，以及除了Safari浏览器所有浏览器的显示精细。

IM在使用它font-weight:100;

这里有不同的浏览器的一些屏幕截图。 任何想法可能会导致它呈现非常薄？ 或者，如果那里有一个办法可以将其设置在渲染font-weight:300; Safari浏览器只？

香港专业教育学院也对这一问题进行一个js小提琴- http://jsfiddle.net/qLHuc/1/

FIREFOX

铬

苹果浏览器

Answer 1:

我不知道为什么，但Safari浏览器在该网页上的小字体大小禁用子像素antialising。 您可以通过应用修复-webkit-font-smoothing: subpixel-antialiased 。 在这里看到： http://jsfiddle.net/qLHuc/3/

不过，我想你应该考虑使用较重的字体。 你有没有在Windows上进行测试呢？ 它可能会看起来非常轻的。 OSX呈现文本非常严重时，子像素抗锯齿启用，特别是当大量的文本是对黑暗或彩色背景。 你在你的Safari浏览器的截图看到的是类似于人谁不是在OSX会看到。

Answer 2:

我也面临类似的问题，当我试图使用谷歌的字体与字体重量：300 - 它在所有的浏览器工作正常，除了Safari浏览器。

我通过添加以下CSS属性解决了这个。

-webkit-字体平滑：抗锯齿;

Answer 3:

我跑成一个类似问题的出现完全一样的。 我用的是CSS font-weight: lighter; 而使用这个谷歌字体链接：

http://fonts.googleapis.com/css?family=Lato:300,400

不知怎的，它显示为100的重量！ 所以，我现在明确地使用font-weight:300; 得到我想要的东西。 我不知道，但我相信这可能有事情做与我有我的系统上的字体，谷歌暗示我的电脑又......就不会理解了它下载它没有这种问答之前使用的系统字体和A，谢谢！

文章来源: 'Lato' font rendering odd in safari, not in chrome, or firefox