अब तक, मैं का उपयोग किया है पॉल आयरिश के bulletproof font-face syntaxक्या फ़ॉन्ट-फेस घोषणा में अभी भी ईटी, टीटीएफ और एसवीजी आवश्यक हैं?
लेकिन मैं सिर्फ caniuse पर .woff और .woff2 फ़ाइलों के लिए समर्थन देख रहा था और यह WOFF IE9 + में समर्थित है कहते हैं। इस विषय पर अधिकांश लेख 200 9 से हैं, जो इस लेखन के समय 7 साल पहले पूर्ण थे। क्या हमें वास्तव में ऐसे व्यापक समर्थन का आनंद लेने पर टीटीएफ, ओटीएफ, ईओटी, और एसवीजी घोषित करने की आवश्यकता है?
संक्षिप्त उत्तर: नहीं।
ईओटी IE8 और नीचे के लिए ही प्रासंगिक है (हालांकि सामान्य ज्ञान के रूप में:। IE4 IE के लिए नीचे सभी तरह से वास्तव में बीड़ा उठाया वेबफ़ॉन्ट) प्रौद्योगिकी के रूप में, और SVG फोंट ( नहीं एसवीजी के साथ ओपन टाइप फोंट साथ भ्रमित होने की रूपरेखा) were abandoned क्योंकि वास्तविक वेबफोंट उपलब्ध होने के बाद सीमाएं पागल थीं। 2016 तक you just need WOFF। और डब्ल्यूओएफएफ 2 यदि आप डब्ल्यूओएफएफ के नए बेहतर संस्करण का लाभ उठाना चाहते हैं तो only just एक डब्ल्यू 3 सिफारिश (इस उत्तर के समय) बन गया।
चीजों को आसान बनाने के लिए, as of January 12th 2016, Microsoft ceased support for IE8 and below, IE9 के लिए सीमित समर्थन के साथ: वे अब केवल प्रत्येक समर्थित ओएस के लिए नवीनतम उपलब्ध ब्राउज़र का समर्थन करेंगे, जिसका अर्थ है कि IE9 अब Windows XP के लिए समर्थित नहीं है, क्योंकि XP स्वयं समर्थित नहीं है , लेकिन तकनीकी रूप से अभी भी विद्रोही-समर्थित है जब तक Vista SP2 और Server 2008 R2 क्रमश: 2017 और 2020 में विस्तारित समर्थन के अंत तक पहुंच गया। बेशक, विंडोज सर्वर 2008 वेबफॉन्ट समर्थन के लिए अप्रासंगिक है, और अधिकांश व्यवसाय जो अभी भी विंडोज के पुराने संस्करण का उपयोग करते हैं, विस्टा को छोड़ दिया गया है, या तो विंडोज एक्सपी (अपने स्वयं के संकट पर) या विंडोज 7 (जो हम सभी के लिए काफी उम्मीद कर सकते हैं जुलाई 10 में विंडोज 10, जिसमें से 2 9 the last date लोग 7/8.1 से अपग्रेड कर सकते हैं-लेकिन 8 से 10 तक मुफ्त में नहीं)।
(अप्रैल 2017 संपादित करें: Windows Vista SP2 इस महीने के समर्थन से बाहर चला गया, और इस तरह के IE9 अब आधिकारिक तौर पर अब समर्थित नहीं है के रूप में)
टीटीएफ/OTF का सवाल है, आप नहीं अब इन ऑनलाइन उपयोग करना चाहते हैं आप जेपीजी या पीएनजी की बजाय टीआईएफएफ छवियों का उपयोग करना चाहते हैं: भले ही डब्ल्यूओएफएफ एक टीटीएफ/ओटीएफ डेटा के आसपास "पतला आवरण" है, डब्ल्यूओएफएफ/डब्ल्यूओएफएफ 2 डेटा को संपीड़ित करने की अनुमति देता है, जबकि सादा ओपनटाइप नहीं करता है।
इसके अलावा, टीटीएफ/ओटीएफ असम्पीडित सार्वभौमिक (ओपनटाइप का समर्थन करने वाले सिस्टम के लिए) फोंट हैं, और इसलिए ब्राउज़र के द्वारा शुद्धता के लिए अधिक जांच की जाती है, खासकर आईई के संस्करणों द्वारा। WOFF, जो के रूप में एक फ़ाइल प्रकार यह स्पष्ट है कि यह एक डब्ल्यू ईबी है बनाता है का उपयोग करना (हे कलम) एफ ont (एफ ormat), जांच की एक कम सख्त रूप मतलब है कि कुछ फोंट है कि एक प्रणाली ओपन टाइप विफल हो जाएगा सत्यापन पास अभी भी वेबफोंट के रूप में ठीक काम कर सकता है (इस तथ्य के कारण कि सभी आवश्यक-सार्वभौमिकता के लिए ओपन टाइप डेटा केवल एक वेब संदर्भ में काम करने के लिए आवश्यक नहीं है)।
अंत में, आपको डब्ल्यूओएफएफ प्रारूपों में एक विकल्प मिलता है: प्रारूप 1, जिसे केवल डब्ल्यूओएफएफ कहा जाता है, पुराना प्रारूप है और पीएनजी संपीड़न के समान deflate पर संपीड़न का उपयोग करता है। डब्ल्यूओएफएफ 2 नामक प्रारूप 2, brotli एल्गोरिदम के आधार पर संपीड़न के साथ नया प्रारूप है, और कई भाषाओं का समर्थन करने वाले यूनिकोड फोंट से निपटने के दौरान ऑप्टिमाइज़ किए गए डिलीवरी के लिए एक फ़ॉन्ट को "चॉप अप" करने की अनुमति देता है: आपको सभी की आवश्यकता नहीं है एक ही समय में फाइलें, इसलिए केवल उन फ़ाइलों को वितरित करें जो एक विशिष्ट पृष्ठ के लिए आवश्यक यूनिकोड श्रेणियों को कवर करते हैं और आप पेज आकार और लोड समय को थोड़ा और अधिक रखते हैं।
संलयन में: प्रगति के मार्च के लिए फेंक दें, बस WOFF (या WOFF2) का उपयोग करें।
मुझे लगता है कि टीटीएफ का उपयोग सभी आधुनिक ब्राउज़रों और उपकरणों के लिए पर्याप्त है ... मैंने स्वयं यानी फ़ायरफ़ॉक्स, क्रोम, ओपेरा, एंड्रॉइड मोबाइल (किटकैट, मैशमलो) और आईफोन (6 से 7 प्लस) पर जांच की है। ऐसा लगता है कि टीटीएफ उपरोक्त सभी उपकरणों द्वारा समर्थित है।
क्या आपने वास्तव में उत्तर दिया है जो पिछले साल दिया गया था? –
वास्तव में अच्छी व्याख्या। डब्ल्यूओएफएफ एफटीडब्ल्यू! – Vucko
हाँ, मैं इस धारणा को दूसरा कर दूंगा। एकमात्र यथार्थवादी अपवाद है जिसके बारे में मैं सोच सकता हूं कि यदि आपके पास पुराने एम्बेडेड सिस्टम/ब्राउज़र के साथ कुछ बंद कियोस्क-प्रकार की चीज है जो डब्ल्यूओएफएफ का समर्थन नहीं करती है, तो कस्टम फोंट का उपयोग करके अपग्रेड नहीं किया जा सकता है और प्रेजेंटेशन महत्वपूर्ण नहीं है। लेकिन फिर आपको दो समस्याएं मिलती हैं (कम से कम) :-) – djangodude
ग्रेट उत्तर, और वास्तव में भी अच्छा इतिहास tidbits, धन्यवाद! – paulcpederson