Google क्रोम में काम करने के लिए मुझे 'फ़ॉन्ट-वेट: लाइटर' कैसे मिलता है?

Question

Google क्रोम (और शायद सफारी) में 'फ़ॉन्ट-वेट: सामान्य' और 'फ़ॉन्ट-वेट: बोल्ड' के बीच कोई अंतर नहीं दिखता है। क्या किसी को फ़ायरफ़ॉक्स के तरीके से क्रोम में 'फ़ॉन्ट-वेट: थिनर' का आह्वान करने का कोई तरीका मिला है?

Answer 1

यह क्रोम में एक known issue नवीनतम विकास में तय हो गया लगता है बनाता है:

वहाँ एक temporary workaround है तुम भी कोशिश कर सकते हैं:

जो नहीं है एक @font-face फॉन्ट पर font-weight संपत्ति सक्षम करने के लिए एक बोल्ड फ़ॉन्ट परिभाषित किया गया है, आपको font-weight:normal; और font-style:normal;@font-face परिभाषा में स्पष्ट रूप से परिभाषित करने की आवश्यकता है। उदाहरण:

@font-face { 
    font-family: 'GriffosFont Regular'; 
    font-weight: normal; 
    font-style: normal; 
    src: url('fonts/GriffosFont.eot'); 
    src: local('GriffosFont Regular'), local('GriffosFont'), url('fonts/GriffosFont.woff') format('woff'), url('fonts/GriffosFont.\ 
ttf') format('truetype'), url('fonts/GriffosFont.svg#GriffosFont') format('svg'); 
} 

Answer 2

font-weight: lighter; मेरे लिए काम नहीं कर रहा था तो मैं बजाय font-weight: normal; इस्तेमाल किया है, जो मेरा उद्देश्य के लिए काम किया। यकीन नहीं क्या अभी क्रोम के साथ हो रहा है ...

Answer 3

हो सकता है कि आप अपने सीएसएस को यह जोड़ने की जरूरत:

* {-webkit-font-smoothing: antialiased;}