तकनीकी बातें

यह दस्तावेज़ आपको इसकी वजह के बारे में तकनीकी जानकारी देता है उन सीन को शामिल कर सकते हैं जिनमें Google Fonts API की मदद से वेब फ़ॉन्ट का अनुरोध किया जाता है.

यह दस्तावेज़ ब्राउज़र के खास व्यवहार के बारे में भी जानकारी देता है.

अगर आपको सिर्फ़ Fonts API इस्तेमाल करना है, तो आपको यह पेज पढ़ने की ज़रूरत नहीं है. हालांकि, इस पेज को पढ़ने से आपके पेज के लोड होने की परफ़ॉर्मेंस बेहतर हो सकती है.

Google Fonts API क्या सेवा दे रहा है?

जब कोई ब्राउज़र किसी फ़ॉन्ट एपीआई स्टाइलशीट के लिए अनुरोध भेजता है (जैसा कि <link> टैग है, तो Fonts API इनके लिए जनरेट की गई स्टाइलशीट दिखाता है अनुरोध करने वाले उपयोगकर्ता एजेंट की जानकारी.

उदाहरण के लिए, Firefox से Inconsolata के लिए किया गया अनुरोध, नीचे दिया गया सीएसएस दिखाता है:

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

दूसरी ओर, Internet Explorer का अनुरोध यह दिखाता है:

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

सीएसएस को डाउनलोड करने के बाद, ब्राउज़र फ़ॉन्ट को सही फ़ॉर्मैट में डाउनलोड करता है के फ़ॉर्मैट में बदलाव कर सकते हैं.

अलग-अलग ब्राउज़र के हिसाब से व्यवहार

यह अनुभाग वेब फ़ॉन्ट के साथ प्रत्येक ब्राउज़र के डिफ़ॉल्ट व्यवहार के बारे में बताता है. ध्यान दें कि इस तरह की गतिविधियों को कंट्रोल किया जा सकता है. इसके लिए, वेब फ़ॉन्ट लोडर.

समर्थित ब्राउज़र की सूची के लिए, देखें अक्सर पूछे जाने वाले सवाल.

Google Chrome

Chrome पेज के बाकी हिस्से को रेंडर करता है. हालांकि, जब तक फ़ॉन्ट लोड नहीं होता, तब तक वह पेज दिखता है फ़ॉन्ट का इस्तेमाल करने वाले टेक्स्ट की जगह पर खाली जगह हो.

Mozilla Firefox

Firefox सबसे पहले डिफ़ॉल्ट फ़ॉन्ट में टेक्स्ट दिखाता है, और फिर टेक्स्ट को फिर से रेंडर करता है फ़ॉन्ट को लोड करने के बाद. इस व्यवहार को "बिना स्टाइल वाले फ़्लैश का फ़्लैश टेक्स्ट."

Apple Safari

Safari बाकी पेज रेंडर करता है, लेकिन जब तक फ़ॉन्ट लोड नहीं हो जाता, तब तक वह दिखता है फ़ॉन्ट का इस्तेमाल करने वाले टेक्स्ट की जगह पर खाली जगह हो.

Microsoft Internet Explorer

Internet Explorer बाकी पेज को रेंडर करता है. हालांकि, जब तक फ़ॉन्ट लोड नहीं होता, तब तक तो फ़ॉन्ट का इस्तेमाल करने वाले टेक्स्ट की जगह खाली जगह दिखती है.

आम तौर पर, प्लेसमेंट के आधार पर Internet Explorer का व्यवहार अलग-अलग हो सकता है और कई एलिमेंट मौजूद हैं. अगर आपको एक जैसा व्यवहार करना है, सभी ब्राउज़र में, वेब फ़ॉन्ट लोडर का इस्तेमाल करें. इसके लिए उदाहरण के लिए, सभी ब्राउज़र को Firefox की तरह काम करने दें.