css – ‘Lato’字体渲染奇怪的safari,而不是chrome或firefox

我使用Google网页字体的“Lato”字体,并且除了Safari浏览器外,它在所有浏览器上都显示良好.

我使用它在font-weight：100;

这里有一些不同浏览器的屏幕截图.任何想法可能会导致它非常薄？或者如果我们可以设置它在font-weight中渲染的方式：300;仅适用于野生动物园？

我也做了一个js小提琴的问题 – http://jsfiddle.net/qLHuc/1/

FIREFOX

铬

苹果浏览器

解决方法

我不知道为什么,但是Safari正在禁用该页面上的小字体大小的子像素反锯齿.您可以通过使用-webkit-font-smoothing来修复它：subpixel-antialiased.见： http://jsfiddle.net/qLHuc/3/

但是,我认为你应该考虑使用较重的字体.你在Windows上测试过了吗？它可能看起来非常非常轻.当启用子像素抗锯齿功能时,OSX会呈现非常大的文本,特别是当文字反对黑暗或彩色背景时.您在Safari屏幕截图中看到的内容与OSX中不会看到的人员相似.