फ़ॉन्ट विस्मयकारी आइकन रेंडर नहीं हो रहे: कारण और समाधान

फ़ॉन्ट विस्मयकारी आइकन वेबपेजों की दृश्य अपील को बढ़ाने के लिए एक लोकप्रिय विकल्प हैं। हालाँकि, आवश्यक सीएसएस और HTML को शामिल करने के बावजूद, कुछ उपयोगकर्ताओं को आइकन ठीक से प्रस्तुत नहीं होने के साथ समस्याओं का सामना करना पड़ता है। यह आलेख संभावित कारणों का पता लगाता है और इस समस्या को हल करने के लिए समाधान प्रदान करता है।

एक सामान्य समस्या गलत सीडीएन लिंक है। सुनिश्चित करें कि फ़ॉन्ट विस्मयकारी सीएसएस फ़ाइल का लिंक सटीक है, जैसा कि नीचे दिखाया गया है:

इसके अलावा, दोबारा जांचें कि आपके पृष्ठ का सुरक्षा प्रोटोकॉल सीएसएस लिंक में प्रयुक्त प्रोटोकॉल से मेल खाता है या नहीं। उदाहरण के लिए, यदि आपका पेज HTTPS का उपयोग करता है, तो आपको CSS लिंक के लिए HTTPS का उपयोग करना होगा (http:// को https:// से बदलें)।

एक अन्य संभावित अपराधी एडब्लॉक प्लस या यूब्लॉक जैसे विज्ञापन अवरोधक हैं। यह देखने के लिए कि क्या वे आइकन के साथ हस्तक्षेप कर रहे हैं, विज्ञापन अवरोधकों को अस्थायी रूप से अक्षम करें। आपके ब्राउज़र का कैश साफ़ करने से भी समस्या हल हो सकती है।

सत्यापित करें कि आइकन का उपयोग करने वाले HTML तत्वों में उपयुक्त वर्ग विशेषताएँ हैं। उदाहरण के लिए, निम्नलिखित कोड आइकन प्रदर्शित नहीं करेगा:

इसके बजाय, उपयोग करें:

इसके अतिरिक्त, जांचें कि आपका CSS फ़ॉन्ट विस्मयकारी फ़ॉन्ट परिवार को ओवरराइड नहीं करता है, जैसा कि देखा गया है इस उदाहरण में:

* {
  font-family: 'Josefin Sans', sans-serif !important;   
}

अंत में, यदि आप इंटरनेट एक्सप्लोरर 8 का उपयोग कर रहे हैं, तो सुनिश्चित करें कि आपके पेज पर HTML5 शिम मौजूद है। यदि इनमें से कोई भी समाधान समस्या का समाधान नहीं करता है, तो आगे की समस्या निवारण युक्तियों के लिए फ़ॉन्ट विस्मयकारी विकी देखें।