वेब टाइपोग्राफी: TTF, OTF, WOFF और WOFF2
आधुनिक फ़ॉन्ट संपीड़न (कंप्रेस्शन) वेब टाइपोग्राफी को कैसे तेज़ करता है और लेआउट शिफ्ट को रोकता है।
आपकी फ़ाइलें HTML5 कैनवास (Canvas) और वेबअसेंबली (WebAssembly) का उपयोग करके पूरी तरह से आपके वेब ब्राउज़र के भीतर ही प्रोसेस की जाती हैं। कोई भी डेटा कभी भी आपके डिवाइस से बाहर नहीं जाता है।
अपलोड और डाउनलोड कतारों को छोड़ें। रूपांतरण सर्वर सीमाओं के बिना स्थानीय स्तर पर पूरी मशीन हार्डवेयर गति से होते हैं।
आधुनिक ऑपरेटिंग सिस्टम में आउटपुट संगतता की गारंटी के लिए आधिकारिक ISO, W3C, और IETF विनिर्देशों के अनुरूप।
फ़ॉर्मेट तुलना और तकनीकी विनिर्देश
| आउटपुट फ़ॉर्मेट | MIME टाइप | विशिष्टता | प्रकार |
|---|---|---|---|
| WOFF2 वेब फ़ॉन्ट | font/woff2 | W3C-WOFF2 | वेब ओपन फ़ॉन्ट फ़ॉर्मेट 2.0 |
| TTF TrueType फ़ॉन्ट | font/ttf | W3C-WOFF2 | TrueType फ़ॉन्ट मानक |
तकनीकी विनिर्देश और कोडेक विवरण
आपको वेब पर हमेशा WOFF2 का उपयोग क्यों करना चाहिए
TTF और OTF को डेस्कटॉप ऑपरेटिंग सिस्टम के लिए बनाया गया था और इनमें अनकंप्रेस्ड ग्लाइफ टेबल होते हैं। WOFF2 कस्टम टेबल प्रीप्रोसेसिंग और Brotli संपीड़न लागू करता है, जो किसी भी कर्व को बदले बिना फ़ॉन्ट फ़ाइलों को 50% तक छोटा कर देता है, जिससे पेज लोड होने की गति और लेआउट स्थिरता में काफी सुधार होता है।
वेब प्रदर्शन के लिए डेस्कटॉप फ़ॉन्ट को कनवर्ट करना
यदि आपकी साइट 150 KB का डेस्कटॉप TTF फ़ॉन्ट लोड करती है, तो मोबाइल पर आने वाले विज़िटर डाउनलोड करते समय अदृश्य टेक्स्ट या लेआउट शिफ्ट का अनुभव कर सकते हैं। WOFF2 में कनवर्ट करने से फ़ाइल का आकार घटकर लगभग ~40 KB रह जाता है, जिससे टाइपोग्राफी तुरंत रेंडर हो जाती है।
बाहरी सर्वर पर 0 बाइट अपलोड किए गए। सारी प्रोसेसिंग आपके ब्राउज़र सैन्डबॉक्स में स्थानीय रूप से हुई।