इटालिक शैली

Question

में कुछ Google फ़ॉन्ट्स गलत तरीके से प्रदर्शित क्यों होते हैं, मैं कुछ Google फ़ॉन्ट्स के साथ एक अजीब समस्या का प्रयोग कर रहा हूं।

उदाहरण के लिए, मैं मुली फ़ॉन्ट उपयोग कर रहा हूँ और कुछ ब्राउज़रों में पाठ इटैलिक शैली में प्रदर्शित किया जाता है जब सीएसएस नियम है:

p { 
    font-style: normal; 
} 

मैं भी कई ब्राउज़रों के साथ Google Web Fonts website खोल दिया है (मैं 6 अलग-अलग पीसी और मैक पर 16 अलग-अलग ब्राउज़रों के साथ परीक्षण किया गया) और केवल उनमें से दो के साथ मैंने समस्या का अनुभव किया (एक क्रोम ब्राउज़र पर और दूसरा फ़ायरफ़ॉक्स ब्राउज़र पर)।

This screenshot फ़ायरफ़ॉक्स में दिखाया गया है फॉन्ट की तुलना और एक ऐसा ब्राउज़र इटैलिक शैली

क्यों केवल कुछ ब्राउज़रों इटैलिक रूप में इन फोंट प्रदर्शित होता में फ़ॉन्ट चलता साइड-बाई-साइड पता चलता है? इस मुद्दे को ट्रैक करने में मुझे क्या देखना चाहिए?

Answer 1

अटकलें! यदि आप एक ही ब्राउज़र और ब्राउज़र संस्करण के साथ 2 अलग-अलग कंप्यूटरों पर परीक्षण कर रहे हैं, तो फोंट में आपका अंतर शायद ओएस से आ रहा है। Googles API के साथ जब फ़ायरफ़ॉक्स या क्रोम पर कॉल स्थानीय विशेषता का उपयोग किया जाता है, तो उस फ़ॉन्ट के ओएस के संस्करण को उपलब्ध होने पर कॉल किया जाता है। जिसमें ओएस द्वारा फोन या दिया जा रहा फ़ॉन्ट सामान्य की बजाय एक इटालिक संस्करण हो सकता है।

मेरा सुझाव स्थानीय डाउनलोड का उपयोग किये बिना फ़ॉन्ट डाउनलोड करना और मैन्युअल रूप से आयात करना होगा।

जब आप आयात गूगल फ़ॉन्ट एपीआई इस प्रकार होता है:

@font-face { 
    font-family: 'Inconsolata'; 
    src: local('Inconsolata'), url('http://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype'); 
} 

इंटरनेट एक्सप्लोरर का अनुरोध, दूसरे पर:

फ़ायरफ़ॉक्स से Inconsolata के लिए एक अनुरोध, उदाहरण के लिए, निम्नलिखित सीएसएस रिटर्न हाथ, रिटर्न:

@font-face { 
    font-family: 'Inconsolata'; 
    src: url('http://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw'); 
} 

https://developers.google.com/webfonts/docs/technical_considerations