'Lato'字体在Safari中呈现奇怪,而不是在chrome或firefox中

Question

我使用谷歌网络字体中的'Lato'字体,除了safari之外,它在所有浏览器上显示都很好.

我正在使用它 font-weight:100;

这里有一些不同浏览器的屏幕截图.知道什么可能导致它变得极薄吗？或者,如果有一种方式,我可以设置它只font-weight:300;为野生动物园渲染？

我也提出了问题的小提琴 - http://jsfiddle.net/qLHuc/1/

FIREFOX

铬

苹果浏览器

Answer 1

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

但是,我认为你应该考虑使用更重的字体.你在Windows上测试过吗？它可能看起来非常非常轻.当启用亚像素抗锯齿时,OSX会非常频繁地渲染文本,尤其是当文本针对深色或彩色背景时.您在Safari屏幕截图中看到的内容类似于OSX上没有的人会看到的内容.