webkit-字体平滑:在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浏览器中产生不同吗？我知道火狐看起来很糟糕，因为没有font-smoothing选项，但如果可能的话，在Chrome和Safari中应该是一样的。

在我的css中，有什么能改变输出突然看起来不一样呢？我知道两种浏览器看起来都一样！

Answer 1

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

-webkit-字体平滑不再有效。谷歌Chrome团队有意改变了这种行为。在以前的版本中，字体平滑似乎没有在OSX上“正确地”应用。