यदि आप अपनी वेबसाइट पर TTF फॉन्ट सर्व कर रहे हैं, तो आप आवश्यकता के लगभग 30% अधिक डेटा भेज रहे हैं। WOFF2 उसी प्रकार के टाइपफेस को काफी छोटे फ़ाइल में प्रदान करता है, और हर आधुनिक ब्राउज़र इसे समर्थित करता है। यहाँ कैसे परिवर्तित करें — और यह आपकी वेबसाइट के प्रदर्शन के लिए क्यों महत्वपूर्ण है।
WOFF2 क्यों?
WOFF2 (वेब ओपन फॉन्ट फॉर्मेट 2.0) Brotli कंप्रेशन का उपयोग करके फॉन्ट फाइलों को TTF की तुलना में लगभग 30% छोटा करता है, बिना किसी गुणवत्ता में कमी के। फॉन्ट ग्लाइफ्स, हिंटिंग, कर्निंग, और सभी टाइपोग्राफिक विशेषताएँ बिल्कुल समान रूप से संरक्षित होती हैं। जब कोई ब्राउज़र WOFF2 फाइल लोड करता है, तो वह उसे मूल TTF के समान डेटा में डीकंप्रेस करता है।
प्रदर्शन प्रभाव वास्तविक है। फॉन्ट्स रेंडर-ब्लॉकिंग संसाधन हैं — ब्राउज़र तब तक टेक्स्ट पेंट नहीं करेगा जब तक फॉन्ट्स लोड हो नहीं जाते। 120KB TTF जो 84KB WOFF2 में बदल जाता है, उससे टेक्स्ट तेजी से दिखाई देता है, विशेष रूप से मोबाइल कनेक्शन पर। Google के Core Web Vitals इसे सीधे मापते हैं: छोटे फॉन्ट्स Largest Contentful Paint (LCP) को सुधारते हैं और फॉन्ट स्वैप से Cumulative Layout Shift (CLS) कम करते हैं।
ब्राउज़र समर्थन सार्वभौमिक है। Chrome, Firefox, Safari और Edge सभी WOFF2 का समर्थन करते हैं। केवल ऐसे ब्राउज़र नहीं हैं जो Internet Explorer और बहुत पुराने Android ब्राउज़र हैं — दोनों विश्व ट्रैफिक के 1% से नीचे हैं।
कैसे कन्वर्ट करें
CSS में WOFF2 का उपयोग करना
जब आपके पास WOFF2 फ़ाइल हो, तो उसे अपने स्टाइलशीट में रेफ़रेंस करें। अधिकतम संगतता के लिए WOFF2 को पहले सूचीबद्ध करें और TTF फॉलबैक के साथ।
@font-face {
font-family: 'MyFont';
src: url('/fonts/myfont.woff2') format('woff2'),
url('/fonts/myfont.ttf') format('truetype');
font-display: swap;
}font-display: swap निर्देश ब्राउज़र को फॉलबैक पाठ तुरंत दिखाने के लिए कहता है और कस्टम फ़ॉन्ट लोड होने के बाद उसे बदल देता है, जिससे फ़ॉन्ट लोडिंग के दौरान अदृश्य पाठ की समस्या दूर हो जाती है।
फॉन्ट लाइसेंस सुसंगतता
कई कमर्शियल फॉन्ट लाइसेंस में तीसरे पक्ष के वेब सर्विसेज पर फॉन्ट फाइल अपलोड करने को प्रतिबंधित करने वाले क्लॉज़ शामिल होते हैं। इससे एक समस्या उत्पन्न होती है: आपको प्रदर्शन के लिए WOFF2 में रूपांतरित करने की आवश्यकता है, लेकिन अधिकांश रूपांतरण टूल्स को फॉन्ट को सर्वर पर अपलोड करने की आवश्यकता होती है।
बेशक, हमेशा अपने फ़ॉन्ट लाइसेंस की विशिष्ट शर्तों की जाँच करें। लेकिन Morph के स्थानीय केवल प्रकृति के कारण, सबसे आम सुरक्षा चिंता को दूर कर दिया जाता है।
अन्य फॉन्ट रूपांतरण
Morph भी OTF से WOFF2, WOFF से WOFF2, TTF से OTF, और TTF, OTF, WOFF, और WOFF2 के हर संभव संयोजन का समर्थन करता है। मुफ्त फॉन्ट्स शुरू करने के लिए चाहिए? Morph फॉन्ट लाइब्रेरी में 1,500+ मुफ्त फॉन्ट्स ब्राउज़ करें।