webkit-font-smoothing: plötzlich andere Ergebnisse in Chrom und Safari

Question

Ich hatte die gleiche Ausgabe in beiden Webkit-Browsern (Chrome & Safari) aber plötzlich (und ich weiß nicht, was ich das Rendering in Chrome hätte ändern können) beschissen aussieht.

das ist mein html

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

und das ist mein 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; 
} 

---

Die Ausgabe in Safari gut aussieht (es verwendet, um das gleiche in Chrome zu sehen)

Der Ausgang in Chrome

plötzlich beschissen aussieht Irgendeine Idee, warum das in beiden Webkit-Browsern einen Unterschied machen könnte? Ich weiß, es sieht in Firefox schlecht aus, da es keine font-smoothing Option gibt, aber in Chrome und Safari sollte es genauso aussehen, wenn es möglich ist.

Was hätte ich in meiner CSS ändern können, dass die Ausgabe plötzlich anders aussieht? Ich weiß, dass es in beiden Browsern gleich aussah!

Answer 1

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

-webkit-Schriftglättung funktioniert nicht mehr. Das Google Chrome-Team hat dieses Verhalten absichtlich geändert. Scheint, font-smoothing wurde nicht ordnungsgemäß auf OSX in früheren Versionen angewendet.