क्रॉस-ऑरिजिन रिसॉर्स शेयरिंग (सीओआरएस) रिस्पॉन्स हेडर मौजूद नहीं है
ब्राउज़र:
- Firefox (3.5+)
- Internet Explorer (9+)
- Chrome (37+)
खास जानकारी
Chrome, Firefox, और Internet Explorer के नए वर्शन क्रॉस-ऑरिजिन लागू करते हैं संसाधन शेयर करने का स्टैंडर्ड तरीका है. इसलिए, सिर्फ़ ऐसे वेब फ़ॉन्ट रेंडर किए जाते हैं जो “Access-Control-Allow-Origin” का सही रिस्पॉन्स हेडर. जैसा कि Google Fonts में हो सकते हैं फ़ॉन्ट को किसी भी डोमेन पर देखा जा सकता है. फ़ॉन्ट को रिस्पॉन्स के साथ दिया जाता है हेडर:
Access-Control-Allow-Origin:*
संभावित वजह
कुछ प्रॉक्सी, रिस्पॉन्स से हेडर को हटा सकती हैं, जिसके बाद ब्राउज़र फ़ॉन्ट रेंडर नहीं करेगा.
विश्लेषण करना
Chrome के साथ, DevTools कंसोल.
Firefox के साथ, कोई व्यक्ति Firebug या Live HTTP Headers एक्सटेंशन का उपयोग करके सीओआरएस रिस्पॉन्स हेडर की मौजूदगी की पुष्टि करने के लिए, रिस्पॉन्स हेडर देखें.
लिंक
NoScript प्लगिन के इंस्टॉल होने पर Firefox में वेब फ़ॉन्ट नहीं दिखते हैं
ब्राउज़र: * Firefox (3.5+)
खास जानकारी
NoScript प्लगिन के इंस्टॉल होने पर Firefox वेब फ़ॉन्ट नहीं दिखाता है.
संभावित वजह
डिफ़ॉल्ट रूप से NoScript प्लगिन, @font-face के नियमों को बंद कर देता है.
समाधान
NoScript विकल्प खोलें, Embeddings टैब पर जाएं और सही का निशान हटाएं: इस्तेमाल न करें @फ़ॉन्ट फ़ेस
वेब फ़ॉन्ट नहीं दिख रहे हैं
ब्राउज़र: * सभी
खास जानकारी
इस्तेमाल किए गए वेब फ़ॉन्ट नहीं दिख रहे हैं.
संभावित वजह
एपीआई के यूआरएल में कोई गड़बड़ी है या कोई ऐसी स्टाइल है जो फ़ॉन्ट के साथ काम नहीं करती का अनुरोध किया गया है.
समाधान
पक्का करें कि यूआरएल सही तरीके से फ़ॉर्मैट किया गया हो. साथ ही, यह पक्का करें कि केस फ़ॉन्ट का नाम (उदाहरण: Droid Serif नहीं roid सेरिफ़), जो कि वज़न का सिंटैक्स है और शैलियों का सम्मान किया जाता है और साथ ही अनेक परिवार लोड करने के लिए सिंटैक्स का सम्मान किया जाता है ( दस्तावेज़: शुरू करना - सिंटैक्स. फ़ॉन्ट दिखाई न देने पर स्टाइलशीट की सामग्री पर नज़र डालने से इस बारे में ज़्यादा जानकारी मिलेगी कि क्या समस्या आ रही है. यूआरएल को कॉपी करके अपने ब्राउज़र खोलें और पक्का करें कि आपको कोई गड़बड़ी का मैसेज न दिखे. उदाहरण के लिए, वज़न समर्थित नहीं है 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) वज़न है.
संभावित वजह
ब्राउज़र ने टेक्स्ट को ऑटो-बोल्ड किया था.
समाधान
पक्का करें कि आपके CSS नियम में सही फ़ॉन्ट-वेट मौजूद होने पर हेडर पर फ़ॉन्ट लागू करने का तरीका:
h1 {
font-family: Lobster, cursive;
font-weight: 400;
}