webkit-font-smoothing: de repente diferentes resultados en cromo y safari

Question

Solía ​​tener la misma salida en ambos navegadores webkit (Chrome & Safari) pero de repente (y no sé lo que podría haber cambiado la renderización en Chrome se ve horrible.

esta es mi html

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

y este es mi 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; 
} 

---

La salida en Safari se ve bien (lo que solía tener el mismo aspecto en Chrome)

La salida en Chrome se ve repentinamente chungo

¿Alguna idea de por qué eso podría marcar la diferencia en ambos navegadores webkit? Sé que se ve mal en Firefox ya que no existe la opción font-smoothing, pero debería ser igual en Chrome y Safari si es posible.

¿Qué podría haber sido capaz de cambiar en mi CSS que la salida parece repentinamente diferente? ¡Sé que se veía igual en ambos navegadores!

Answer 1

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

webkit-font-suavizado ya no funciona. El equipo de Google Chrome cambió intencionalmente este comportamiento. Parece que font-smoothing no se aplicó "correctamente" en OSX en versiones anteriores.