@फॉन्ट-फेस वेबफ़ॉन्ट जनरेटर

एक वेबफ़ॉन्ट जनरेटर डेस्कटॉप या डाउनलोड किए गए फ़ॉन्ट फ़ाइलों (TTF, OTF, WOFF, WOFF2 — आधुनिक वैरिएबल फ़ॉन्ट सहित) को उन प्रारूपों में बदलता है जिन्हें ब्राउज़र वेब पर लोड कर सकते हैं — मुख्यतः आज WOFF2, WOFF के साथ विरासत बैकअप के रूप में — और मेल खाते CSS @font-face घोषणाएँ उत्पन्न करता है ताकि आप अपनी वेबसाइट की टाइपोग्राफी को स्वयं-होस्ट कर सकें।

फ़ॉन्ट को स्वयं-होस्ट करने का कारण क्या है?

स्वयं-होस्टिंग आपको प्रदर्शन, गोपनीयता और विश्वसनीयता पर पूर्ण नियंत्रण देती है। Google फ़ॉन्ट्स के लिए कोई तृतीय-पक्ष अनुरोध नहीं है (GDPR के लिए सहायक), कोई अतिरिक्त DNS लुकअप नहीं है, आप फ़ाइल को प्रीलोड कर सकते हैं, और आप तय करते हैं कि कौन से वजन, शैलियाँ और धुरियाँ आपकी साइट के साथ भेजी जाएँ।

परिवर्तन कैसे काम करता है

WOFF2 आपके TTF/OTF रूपरेखाओं को एक Brotli-संकुचित कंटेनर में लपेटता है जिसे विशेष रूप से वेब के लिए डिज़ाइन किया गया है — सामान्यतः WOFF से 30% छोटा और कच्चे TTF से 50% से अधिक छोटा। WOFF एक पुराना zlib-संकुचित लपेटने वाला है, जिसे बहुत पुराने ब्राउज़रों के लिए बैकअप के रूप में रखा गया है। हमारा जनरेटर Google का आधिकारिक WOFF2 एनकोडर और डिकोडर चलाता है जिसे WebAssembly में संकलित किया गया है, इसलिए रूपांतरण आपके ब्राउज़र के अंदर स्थानीय रूप से होता है। Google फ़ॉन्ट्स से डाउनलोड किया गया WOFF2 डालें और हम इसे पारदर्शी रूप से एक sfnt कंटेनर में वापस डिकोड करते हैं इससे पहले कि फिर से एनकोड करें — आपको कभी भी मूल TTF की खोज करने की आवश्यकता नहीं है।

आपको बंडल में क्या मिलता है

• हर अपलोड किए गए चेहरे के लिए WOFF2 (और वैकल्पिक रूप से WOFF/TTF) में फ़ॉन्ट — जिसमें एकल छोटे फ़ाइल के रूप में रखे गए वैरिएबल फ़ॉन्ट शामिल हैं।
• एक पूर्ण stylesheet.css जिसमें प्रति फ़ाइल एक @font-face नियम, सही format() संकेत, फ़ॉन्ट-भार रेंज, फ़ॉन्ट-शैली, फ़ॉन्ट-खिंचाव, फ़ॉन्ट-प्रदर्शन और वैकल्पिक local() शामिल हैं।
• एक demo.html पृष्ठ ताकि आप लाइव जाने से पहले कई आकारों में हर वजन, शैली और धुरी का पूर्वावलोकन कर सकें।
• ऑफलाइन-प्रथम या एकल-फ़ाइल परिदृश्यों के लिए CSS में फ़ॉन्ट को इनलाइन भेजने के लिए वैकल्पिक Base64 एंबेडिंग।

गोपनीयता और लाइसेंसिंग

फ़ाइलें कभी भी आपके डिवाइस से बाहर नहीं जाती हैं — सब कुछ आपके ब्राउज़र में संसाधित होता है। हमेशा सुनिश्चित करें कि आपके फ़ॉन्ट का लाइसेंस वेबफ़ॉन्ट एंबेडिंग की अनुमति देता है इससे पहले कि आप इसे अपनी वेबसाइट पर प्रकाशित करें।