क्रॉस-ओरिजन रिसॉर्स शेयरिंग (सीओआरएस) का रिस्पॉन्स हेडर मौजूद नहीं है
ब्राउज़र:
- Firefox (3.5+)
- Internet Explorer (9+)
- Chrome (37+)
खास जानकारी
Chrome, Firefox और Internet Explorer के नए वर्शन, क्रॉस-ओरिजन रिसॉर्स शेयरिंग स्टैंडर्ड को लागू करते हैं. इसलिए, वे सिर्फ़ "Access-Control-Allow-Origin" रिस्पॉन्स हेडर के साथ दिखाए गए वेब फ़ॉन्ट को रेंडर करते हैं. Google Fonts को किसी भी डोमेन पर देखा जा सकता है, इसलिए फ़ॉन्ट नीचे दिए गए रिस्पॉन्स हेडर के साथ दिखाए जाते हैं:
Access-Control-Allow-Origin:*
संभावित वजह
कुछ प्रॉक्सी रिस्पॉन्स से हेडर को हटा सकते हैं. इसके बाद, ब्राउज़र फ़ॉन्ट को रेंडर नहीं करेगा.
पहचान करना
Chrome पर, DevTool कंसोल में चेतावनी वाला मैसेज देखें.
Firefox से, आप सीओआरएस रिस्पॉन्स हेडर की मौजूदगी की पुष्टि करने के लिए, रिस्पॉन्स हेडर देखने के लिए फ़ायरबग या लाइव एचटीटीपी हेडर एक्सटेंशन का इस्तेमाल कर सकते हैं.
लिंक
NoScript प्लग इन इंस्टॉल करने पर, Firefox पर वेब फ़ॉन्ट नहीं दिख रहे हैं
ब्राउज़र: * Firefox (3.5+)
खास जानकारी
NoScript प्लग इन इंस्टॉल करने पर, Firefox वेब फ़ॉन्ट नहीं दिखाता है.
संभावित वजह
NoScript प्लग इन, डिफ़ॉल्ट रूप से @font-face नियम लागू करता है.
समाधान
NoScript विकल्प खोलें, एम्बेडिंग टैब पर जाएं और अनचेक करें: Forbid @font-face
वेब फ़ॉन्ट नहीं दिख रहे हैं
ब्राउज़र: * सभी
खास जानकारी
इस्तेमाल किए गए वेब फ़ॉन्ट नहीं दिख रहे हैं.
संभावित वजह
एपीआई यूआरएल में कोई गड़बड़ी है या ऐसी स्टाइल के लिए अनुरोध किया गया है जो फ़ॉन्ट में काम नहीं करती.
समाधान
देख लें कि यूआरएल का फ़ॉर्मैट सही है और केस को फ़ॉन्ट के नाम (उदाहरण के लिए, Droid Serif droid Serif) में शामिल किया जाता है.वज़न और स्टाइल के सिंटैक्स के साथ-साथ कई परिवारों को लोड करने वाले सिंटैक्स का भी ध्यान रखा जाता है. दस्तावेज़ का इस्तेमाल करना शुरू करना - सिंटैक्स देखना. जब फ़ॉन्ट नहीं दिख रहे होते हैं, तो स्टाइलशीट का कॉन्टेंट देखकर समस्या के बारे में ज़्यादा जानकारी दी जा सकती है. यूआरएल को कॉपी करके अपने ब्राउज़र में चिपकाएं और पक्का करें कि आपको गड़बड़ी का कोई मैसेज नहीं दिखता है. उदाहरण के लिए, Droid Serif के साथ काम न करने वाले वज़न का अनुरोध करने पर यह गड़बड़ी का मैसेज दिखेगा:
/* Droid Serif (style: normal, weight: 300) is not available */ /* However, style: normal, weight: normal is available */ /* However, style: italic, weight: normal is available */ /* However, style: normal, weight: bold is available */ /* However, style: italic, weight: bold is available */ /* Not supported. */
शीर्षक में इस्तेमाल किए जाने पर, वेब फ़ॉन्ट ज़्यादा मोटा लग रहे हैं
ब्राउज़र: * सभी
खास जानकारी
शीर्षक (h1, h2 वगैरह) में इस्तेमाल किए जाने पर फ़ॉन्ट ज़्यादा मोटे लगते हैं, भले ही फ़ॉन्ट सामान्य (400) वज़न का हो.
संभावित वजह
ब्राउज़र ने टेक्स्ट को अपने-आप बोल्ड कर दिया है.
समाधान
पक्का करें कि हेडर पर फ़ॉन्ट लागू करते समय, आपके सीएसएस नियम में सही फ़ॉन्ट का महत्व बताया गया हो:
h1 {
font-family: Lobster, cursive;
font-weight: 400;
}