दिलचस्प पोस्ट
जीयूआई पर एक अन्य धागा से पाठ बॉक्स को अपडेट कैसे करें Android ब्लूटूथ का उपयोग कर सीरियल डेटा कैसे प्राप्त करें HttpWebRequest (। NET) एसिंक्रोनस का उपयोग कैसे करें? क्या मैं जावास्क्रिप्ट से अमान्य / कस्टम सीएसएस गुणों का मूल्य प्राप्त कर सकता हूं? अमूर्त कक्षाओं का उपयोग कब करना है? विशिष्ट डोमेन नाम से Google OAuth2.0 के साथ लॉगिन ईमेल प्रतिबंधित करें तालिका में तालिका पंक्ति और स्तंभ संख्या आईओएस 7 टेक्स्टकिट – छवि के साथ इनलाइन को कैसे सम्मिलित करें? JSFiddle में मेरी जावास्क्रिप्ट क्यों काम नहीं कर रहा है? org.apache.tomcat.util.bcel.classfile.ClassFormatException: निरंतर पूल में अवैध बाइट टैग: 15 PostgreSQL में किसी तालिका की पंक्ति संख्या को खोजने के लिए तेज़ तरीका "Android.view.विंडो प्रबंधक $ BadTokenException:" buider.show पर विंडो जोड़ने में असमर्थ () एक स्प्रिंग एमवीसी नियंत्रक से मॉडल एट्रिब्यूट्स को कैसे दूसरे नियंत्रक तक पहुंचाएं? यूयूड के लिए कुकीज़ कैसे सेट करें HTML से angular2 घटक के चयनकर्ता टैग को कैसे हटाए / बदलना है

हमें टीटीएफ, ईट, विफ़, एसवीजी, … एक फ़ॉन्ट-चेहरे में क्यों शामिल होना चाहिए

CSS3 font-face , eot , woff , woff , svg और cff जैसे कई फ़ॉन्ट प्रकार शामिल हैं।

हमें इन सभी प्रकारों का उपयोग क्यों करना चाहिए?

यदि वे अलग-अलग ब्राउज़रों के लिए विशेष हैं, तो उनमें से बड़ी संख्या में प्रमुख वेब ब्राउज़र की संख्या से अधिक क्यों है?

वेब के समाधान से एकत्रित समाधान "हमें टीटीएफ, ईट, विफ़, एसवीजी, … एक फ़ॉन्ट-चेहरे में क्यों शामिल होना चाहिए"

संक्षेप में, फ़ॉन्ट का चेहरा बहुत पुराना है, लेकिन हाल ही में IE से अधिक का समर्थन किया गया है।

  • इंटरनेट एक्सप्लोरर्स, जो IE9 से पुराने हैं, के लिए eot की आवश्यकता है – वे कल्पना का आविष्कार करते हैं, लेकिन यह एक भयानक प्रारूप है जो फोंट सुविधाओं में से अधिक काटता है

  • otf और otf सामान्य पुराने फोंट हैं, लेकिन कुछ लोगों को नाराज हुआ कि इसका अर्थ था कि कोई भी उन्हें डाउनलोड और उपयोग कर सकता है।

  • उसी समय के बारे में, आईओएस और आईपैड पर svg फोंट को लागू किया गया था।

  • फिर, woff का आविष्कार किया गया था जिसमें एक ऐसा मोड है जो लोगों को फ़ॉन्ट को woff । यह पसंदीदा प्रारूप है।

यदि आप IE 8 और निम्न का समर्थन नहीं करना चाहते हैं, और IOS 4 और निम्न, और एंड्रॉइड 4.3 या इससे पहले, तो आप केवल WOFF (और WOFF2, एक अधिक अत्यधिक संपीड़ित WOFF, इसका समर्थन करने वाले नवीनतम ब्राउज़र के लिए) का उपयोग कर सकते हैं।

 @font-face { font-family: 'MyWebFont'; src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff'); } 

woff लिए समर्थन http://caniuse.com/woff पर चेक किया जा सकता है
woff2 लिए समर्थन http://caniuse.com/woff2 पर चेक किया जा सकता है

Woff ट्रू टाइप – ओपन टाइप फ़ॉन्ट के एक संपीड़ित (ज़िपित) फ़ॉर्म है। यह छोटा है और एक ग्राफिक फ़ाइल की तरह नेटवर्क पर वितरित किया जा सकता है। सबसे महत्वपूर्ण बात, इस तरह से फ़ॉन्ट पूरी तरह से संरक्षित नियम तालिकाओं को संरक्षित करता है जिसमें बहुत कम लोग ध्यान रखते हैं क्योंकि वे केवल लैटिन स्क्रिप्ट का उपयोग करते हैं

[मृत यूआरएल हटाया] पर एक नज़र डालें जो फ़ॉन्ट आप देख रहे हैं वह एक प्रयोगात्मक वेब दिया गया है जो स्मार्टफ़ॉन्ट (woff) देता है जिसमें जटिल आकृतियां बनाने वाले हजारों संयुक्त वर्ण होते हैं। अंतर्निहित पाठ रोमानी सिंहला का सरल लैटिन कोड है। (नोटपैड कॉपी और पेस्ट करें और देखें)।

केवल वफ़ यह कर सकता है क्योंकि कोई भी इस फ़ॉन्ट नहीं है और फिर भी इसे कहीं भी (मैक, विन, लिनक्स और यहां तक ​​कि स्मार्टफ़ोन पर सभी ब्राउज़रों द्वारा IE को छोड़कर) देखा जाता है। आईई के पास ओपन प्रकारों के लिए पूर्ण समर्थन नहीं है)।

ब्रोटल कम्प्रेशन एल्गोरिथ्म के आधार पर WOFF 2.0, और WOFF 1.0 के ऊपर अन्य सुधार, फ़ाइल आकार में 30% से अधिक की कमी दे, क्रोम, ओपेरा, और फ़ायरफ़ॉक्स में समर्थित है।

http://en.wikipedia.org/wiki/Web_Open_Font_Format http://en.wikipedia.org/wiki/Brotli

http://sth.name/2014/09/03/Speed-up-webfonts/ इसका उपयोग करने के तरीके पर एक उदाहरण है।

असल में आप एक src url को woff2 फ़ाइल में जोड़ते हैं और woff2 प्रारूप को निर्दिष्ट करते हैं। Woff-format से पहले यह करना ज़रूरी है: ब्राउजर उस प्रारूप का उपयोग करेगा जो इसका समर्थन करता है।