Mac / Safari上的字体重量变轻
在我的最后一个网站上，这个文本在Chrome和Firefox上自然是完美的，没有触及字体平滑或其他任何东西。
但是在Mac / Safari 7上，文字显得很好，然后变得更细（太薄/不好看）。 
在做了一些研究之后[cf http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/]
和一些testing玩
-webkit-font-smoothing 它看起来像Safari首先显示文本：
-webkit-font-smoothing: subpixel-antialiased;
然后，当你得到闪烁的效果，当它是字体转向：
-webkit-font-smoothing: antialiased;
所以在我看来，我别无select，只能强迫
-webkit-font-smoothing: subpixel-antialiased;
使我的网站在所有浏览器上保持一致。
我正在使用字体Avenir Std Roman。
对Safari的问题的一些解释？ 有更好的解决scheme 我的字体能成为问题的一部分吗？
谢谢。
所以我解决了我的问题，申请：
body { -webkit-font-smoothing: subpixel-antialiased; }
现在我的字体在每个浏览器上都是一致的。
尝试两个
{-webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke:1px transparent;}
只要使用这个： link href =“https://fonts.googleapis.com/css?family=Lato:100,100i,300,300,400,400,700,700i,900,900i”rel =“stylesheet”
而不是这个： link href =“https://fonts.googleapis.com/css?family=Lato”rel =“stylesheet”
问题就这样解决了！
使用-webkit-font-smoothing: subpixel-antialiased工作一点点，但Safari，Chrome和Firefox之间还是有很大的区别。 我意识到在Safari中使字体变粗是不行的，所以我在其他浏览器中改变了字体。 什么结束了正常化的跨浏览器的字体重量是这样的：
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
尝试这个：
transform: translateZ(0.1px);
Mac上的Webkit浏览器对抗锯齿2d和3d文本元素的问题有所不同。 给元素赋予3d属性通常可以解决这个问题。
事实是，解决这个问题（直到苹果解决这个问题）是非常简单的。 创build一个css文件（example.css）并在里面插入这个：
* {-webkit-font-smoothing:subpixel-antialiased;}
然后转到Safari>首选项>高级>样式表单击它，并select我们刚刚创build的CSS文件。 重新启动Safari。
TADA！ 问题解决了。 目前
