मॉन्टसेराट फ़ॉन्ट आईई 10 और 11

Question

पर प्रदर्शित नहीं होता है इस वेबसाइट में http://themescreators.com/ela/ मैं कुछ Google फोंट का उपयोग कर रहा हूं। वे सभी क्रोम, एफएफ पर अच्छी तरह से काम करते हैं .. लेकिन विंडोज 7 पर आईई 10 और 11 पर, "मॉन्टसेराट" फ़ॉन्ट प्रदर्शित नहीं होता है। मुझे वास्तव में यह नहीं पता कि समस्या क्या हो सकती है, क्या आईई कुछ Google फोंट के साथ असंगत है?

यदि आप विंडोज 7 पर साइट पर जाते हैं तो आप स्पष्ट रूप से समस्या देखेंगे, सभी "मॉन्टसेराट" एच 1, एच 2 ... दिखाई नहीं दे रहे हैं।

अग्रिम धन्यवाद!

Answer 1

सबसे पहले, आपने किसी भी द्वितीयक फ़ॉन्ट को परिभाषित नहीं किया है जिसे मॉन्टसेराट ठीक से लोड नहीं किया जा सकता है। यही कारण है कि कोई फ़ॉन्ट प्रदर्शित नहीं किया गया है।

h1, h2, h3, h4, h5, h6 { 
    font-family: Montserrat; 
    font-weight: 400; 
    font-style: normal; 
    color: #1C2334; 
} 

मैं आपको फ़ॉन्ट-परिवार को सही तरीके से स्थापित करने और इस मामले के लिए और अधिक फ़ॉन्ट जोड़ने की सलाह देता हूं।

दूसरा, मॉन्टसेराट ठीक से लोड नहीं होता है क्योंकि यह आईई 11 की बग है जिसे Google Font Directory पर और MSDN Forum पर रिपोर्ट किया गया है। दुर्भाग्य से यह अभी तक तय नहीं किया गया है।

एक समाधान Google वेब फ़ॉन्ट्स डाउनलोड कर सकते हैं, उन्हें अपनी वेबसाइट के साथ अपलोड कर सकते हैं और उन्हें सीएसएस फ़ाइलों में मैन्युअल रूप से परिभाषित कर सकते हैं। एक और तरीका डिफ़ॉल्ट के बजाय जावास्क्रिप्ट Web Font Loader का उपयोग हो सकता है।

Answer 2

मुझे एक समान बग का सामना करना पड़ा, और यहां तक ​​कि फ़ॉलबैक फ़ॉन्ट होने से भी समस्या ठीक नहीं हुई। मॉन्टसेराट फ़ॉन्ट ठीक लोड हो रहा था इसलिए फ़ॉलबैक कभी लोड नहीं हुआ था।

जैसा कि यह निकला, सीएसएस नियम font-feature-settings का उपयोग करके यह विशेष फ़ॉन्ट विंडोज 7 पर आईई 10 और आईई 11 में पूरी तरह से प्रदर्शित होना बंद कर दिया। (हालांकि यह संभवतः अन्य फ़ॉन्ट्स के लिए समान समस्याएं पैदा करेगा)।

ठीक font-feature-settings के निम्न स्तर के फॉन्ट में तोड़ मरोड़ निष्क्रिय करने के लिए, IE विक्रेता विशिष्ट उपसर्ग का उपयोग करके किया गया था:

/* Fix for IE10 and IE11 Montserrat font display issues. */ 
p { 
    -ms-font-feature-settings: normal; 
} 

यदि संभव हो तो, यह शायद font-feature-settings पूरी तरह से बचने के लिए सबसे अच्छा है। या सुनिश्चित करें कि आपके पास प्रत्येक विंडोज ओएस पर विभिन्न आईई ब्राउज़र संस्करणों का परीक्षण करने के लिए परीक्षण नियम है। खासकर जब फ़ॉन्ट प्रतिपादन सिर्फ एक ब्राउज़र सुविधा नहीं है, बल्कि अंतर्निहित ओएस का एक कार्य भी है।