webkit-font-smoothing:在chrome和safari中突然出现不同的结果

Question

我以前在两个webkit浏览器(Chrome和Safari)中都有相同的输出但突然(我不知道我可以改变Chrome中的渲染看起来很糟糕.

这是我的HTML

<li class="cat-item term term-workshops"><a href="/workshops">Workshops</a></li>

这是我的CSS

.term a {
    display:inline-block;
    height:1em;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-smooth:always;
}

.term-workshops a {
    text-transform:lowercase;
    font-family:"Custom-Family", sans-serif;
    font-size:1.4em;
    margin-top:.1em;
}

---

Safari中的输出看起来不错(以前在Chrome中看起来一样)

Chrome中的输出看起来很蹩脚

知道为什么会对两个webkit浏览器产生影响吗？我知道它在Firefox中看起来很糟糕,因为没有font-smoothing选项,但如果可能的话,在Chrome和Safari中应该看起来一样.

我可以在我的CSS中改变输出看起来突然不同的东西？我知道两种浏览器看起来都一样!

Answer 1

https://productforums.google.com/forum/?fromgroups=#!topic/chrome/0vqp1bnkaoE

-webkit-font-smoothing不再有效.谷歌Chrome团队故意改变了这种行为.在以前的版本中,OSX上似乎没有"正确"应用字体平滑.