CSS के साथ कर्निंग एडजस्ट करना सीखें।
यदि आपकी पसंद के वेब फ़ॉन्ट में कर्निंग डेटा शामिल है, तो आपका ब्राउज़र स्वचालित रूप से निर्धारित करेगा कि फ़ॉन्ट-कर्निंग को आपके टेक्स्ट पर लागू किया जाना चाहिए या नहीं। यह font-kerning CSS प्रॉपर्टी का उपयोग करके करता है, जो डिफ़ॉल्ट रूप से auto पर सेट है:
font-kerning: auto;दूसरे शब्दों में, एक ब्राउज़र आपके फ़ॉन्ट पर कर्न लागू करने का निर्णय ले सकता है भले ही उसमें बिल्ट-इन कर्निंग डेटा हो (किसी भी कारण से)।
यदि आप सुनिश्चित करना चाहते हैं कि फ़ॉन्ट-कर्निंग लागू हो (यदि आपके फ़ॉन्ट में है), तो ब्राउज़र की "राय" की परवाह किए बिना, तो auto को normal से बदलें:
font-kerning: normal;यदि आप कर्निंग बंद करना चाहते हैं, तो मान के रूप में none का उपयोग करें:
font-kerning: none;रुको, आप एक ऐसे वेब फ़ॉन्ट पर कर्निंग क्यों बंद करेंगे जिसमें कर्निंग उपलब्ध है?
ठीक है, शायद आपको पता चलता है कि आपका फ़ॉन्ट-कर्निंग X ब्राउज़र में गलत रेंडर होता है, जैसे अस्थायी ब्राउज़र बग के कारण। उस मामले में, इसे बंद करने का विकल्प होना अच्छा है।
एक और चीज़ जो कभी-कभी होती है वह यह है कि वन-ऑफ टेक्स्ट एलिमेंट्स किसी विशिष्ट स्थिति में अजीब व्यवहार करते हैं, और उस मामले में, इसे बंद करना सुविधाजनक होता है, उदाहरण के लिए एक CSS यूटिलिटी क्लास के साथ:
.kerning-none { font-kerning: none; }कैसे बताएं कि आपके वेब फ़ॉन्ट में कर्निंग डेटा है या नहीं
यह पता लगाने का एक त्वरित तरीका है कि आपके वेब फ़ॉन्ट में कर्निंग डेटा है या नहीं, इसे none और normal पर सेट करके अक्षम और सक्षम करें और अपने ब्राउज़र में टेक्स्ट-रेंडरिंग परिवर्तनों को ध्यान से देखें:
