वेबकिट-फ़ॉन्ट-स्मूथिंग: क्रोम और सफारी में अचानक अलग-अलग परिणाम

Question

मेरे पास वेबकिट ब्राउज़र (क्रोम & सफारी) में एक ही आउटपुट होता था लेकिन अचानक (और मुझे नहीं पता कि मैं क्रोम में प्रतिपादन को बदल सकता था लग रहा है भद्दा।

यह मेरी एचटीएमएल

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

और यह मेरी सीएसएस

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

---

सफारी में उत्पादन अच्छा लग रहा है

क्रोम में उत्पादन अचानक भद्दा लग रहा है (यह क्रोम में ही देखने के लिए प्रयोग किया जाता है)

किसी भी विचार के कारण यह वेबकिट ब्राउज़र दोनों में अंतर क्यों डाल सकता है? मुझे पता है कि यह फ़ायरफ़ॉक्स में क्रोधित दिखता है क्योंकि font-smoothing विकल्प नहीं है, लेकिन यदि संभव हो तो इसे क्रोम और सफारी में देखना चाहिए।

मैं अपने सीएसएस में क्या बदल सकता हूं कि आउटपुट अचानक भिन्न दिखता है? मुझे पता है कि यह दोनों ब्राउज़रों में समान दिखता है!

Answer 1

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

-webkit-font-चौरसाई नहीं रह गया काम करता है। Google क्रोम टीम ने जानबूझकर इस व्यवहार को बदल दिया। लगता है कि फ़ॉन्ट-स्मूथिंग को पिछले संस्करणों में ओएसएक्स पर "ठीक से" लागू नहीं किया गया था।