webkit-font-smoothing: các kết quả bất thường khác nhau trong chrome và safari

Question

Tôi đã từng có kết quả tương tự trong cả trình duyệt webkit (Chrome & Safari) nhưng đột nhiên (và tôi không biết mình có thể thay đổi kết xuất trong Chrome) trông không hấp dẫn.

đây là html của tôi

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

và đây là css của tôi

.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; 
} 

---

Sản lượng trong Safari có vẻ tốt (nó được sử dụng để trông giống nhau trong Chrome)

Sản lượng trong Chrome trông đột nhiên crappy

Bất kỳ ý tưởng nào về lý do tại sao có thể tạo sự khác biệt trong cả hai trình duyệt webkit? Tôi biết có vẻ như crappy trong Firefox vì không có tùy chọn font-smoothing, nhưng nó sẽ giống nhau trong Chrome và Safari nếu có thể.

Tôi có thể thay đổi gì trong css của mình rằng đầu ra trông đột nhiên khác? Tôi biết nó trông giống nhau trong cả hai trình duyệt!

Answer 1

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

-webkit-font-mịn không còn hoạt động. Nhóm Google Chrome đã cố ý thay đổi hành vi này. Có vẻ như làm mịn phông chữ không được áp dụng "đúng" trên OSX trong các phiên bản trước.