जब आप Google Fonts एपीआई का इस्तेमाल करके, वेब फ़ॉन्ट का अनुरोध करते हैं, तो यह दस्तावेज़ कुछ तकनीकी बातों की जानकारी देता है.
इस दस्तावेज़ से ब्राउज़र के खास व्यवहार के बारे में भी जानकारी मिलती है.
अगर आप फ़ॉन्ट एपीआई का इस्तेमाल करना चाहते हैं, तो आपको यह पेज पढ़ने की ज़रूरत नहीं है. हालांकि, यह पेज पढ़ने से आपको पेज लोड की परफ़ॉर्मेंस बेहतर बनाने में मदद मिल सकती है.
Google Fonts एपीआई क्या है?
जब कोई ब्राउज़र, फ़ॉन्ट एपीआई स्टाइलशीट के लिए अनुरोध भेजता है (जैसा कि आपके वेब पेज में <link>
टैग में बताया गया है), तो फ़ॉन्ट एपीआई, अनुरोध करने वाले खास उपयोगकर्ता एजेंट के लिए जनरेट की गई स्टाइलशीट को दिखाता है.
उदाहरण के लिए, 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, पेज के बाकी हिस्से को रेंडर करता है, लेकिन जब तक फ़ॉन्ट लोड नहीं होता, तब तक वह टेक्स्ट की जगह पर खाली जगह दिखाता है जिसमें फ़ॉन्ट का इस्तेमाल होता है.
माइक्रोसॉफ़्ट इंटरनेट एक्सप्लोरर
Internet Explorer, पेज के बाकी हिस्से को रेंडर करता है, लेकिन जब तक फ़ॉन्ट लोड नहीं हो जाता, तो यह टेक्स्ट का इस्तेमाल करके खाली जगह दिखाता है, जो फ़ॉन्ट का इस्तेमाल करता है.
आम तौर पर, Internet Explorer का प्लेसमेंट अलग-अलग प्लेसमेंट और प्लेसमेंट के आधार पर अलग-अलग हो सकता है. अगर आप सभी ब्राउज़र पर एक जैसा व्यवहार देना चाहते हैं, तो वेब फ़ॉन्ट लोड करने वाले टूल का इस्तेमाल करें. उदाहरण के लिए, आप सभी ब्राउज़र को Firefox की तरह इस्तेमाल करने का विकल्प चुन सकते हैं.