वेब पृष्ठांवर सानुकूल फॉन्ट वापरणे
मजकूर सामग्री नेहमीच वेबसाइट्सचा एक महत्वाचा भाग राहिली आहे, परंतु वेबच्या सुरुवातीच्या दिवसांमध्ये, डिझाइनर आणि विकसक टाईपोग्राफीच्या नियंत्रणात गंभीरपणे मर्यादित होते की त्यांच्या वेबपेजांवर ते होते. यामध्ये त्यांनी त्यांच्या साइटवर विश्वसनीयपणे वापरण्यात सक्षम असलेल्या फॉन्टमध्ये एक मर्यादा समाविष्ट केली. आपण पूर्वी "वेब सुरक्षित फॉन्ट" या शब्दांचा उल्लेख केला असेल. हे फॉन्टच्या लहान संचाला संदर्भित केले गेले होते जे एखाद्या व्यक्तीच्या संगणकावर अत्यंत संभाव्य असण्याची शक्यता होती, म्हणजे आपण साइटवर त्या फॉन्टपैकी एक वापरल्यास, ती एक सुरक्षित बाब आहे जी ती एखाद्या व्यक्तीच्या ब्राउझरवर योग्यरित्या सादर करेल.
आज, वेब प्रोफेशर्ससह कार्य करण्यासाठी नवीन फॉन्ट आणि प्रकारचे पर्याय आहेत, ज्यापैकी एक WOFF स्वरुपन आहे.
WOFF म्हणजे काय?
WOFF एक परिवर्णी शब्द आहे ज्याचा अर्थ "वेब ओपन फॉन्ट स्वरूप" असा होतो. सीएसएस @ फॉन्ट-चेस मालमत्तेसह वापरण्यासाठी फॉन्ट संक्षिप्त करण्यासाठी हे वापरले जाते. हे वेब पृष्ठांमध्ये फॉन्ट एम्बेड करण्याचा एक मार्ग आहे जेणेकरून आपण विशिष्ट "एरियल, टाइम्स न्यू रोमन, जॉर्जिया" च्या पुढे विशेष फॉन्ट वापरू शकता - जे वरील पूर्वीचे वेब सुरक्षित फॉन्ट आहेत
WOFF वेब पृष्ठांसाठी पॅकेजिंग फॉन्टसाठी मानक म्हणून W3C वर सबमिट केले गेले. हे 16 नोव्हेंबर, 2010 रोजी एक कामकाज आराखडा बनले. आज आम्ही वास्तविकपणे WOFF 2.0 आहे, जे स्वरूपच्या प्रथम आवृत्तीच्या जवळजवळ 30% द्वारे संकुचन सुधारते. काही प्रकरणांमध्ये, ही बचत अधिक उपनगरीय असू शकते!
WOFF वापरा का?
WOFF स्वरूपाद्वारे वितरीत केलेल्या वेब फॉन्ट्ससह, इतर फाँट निवडींवरील बरेच लाभ प्रदान करतात. हे वेब सुरक्षित फॉन्ट आत्तापर्यंत उपयुक्त आहेत आणि आमच्या कामात त्या फॉन्टचे स्थान अद्याप नक्कीच उपलब्ध आहे, आमच्या निवडी विस्तारित करणे आणि आमच्या टायपोग्राफीचे पर्याय खुले करणे चांगले आहे.
WOFF फॉन्टमध्ये खालील लाभ आहेत:
- ते फॉन्टांपेक्षा प्रतिमा म्हणून अधिक प्रवेशयोग्य असतात. WOFF शैली CSS सह साध्या HTML मजकूर देते, ज्यामुळे आपल्याला प्रवेशयोग्यता आणि डिझाइन नियंत्रण प्रदान करते ज्यात प्रतिमा परवानगी देत नाहीत.
- WOFF फायलींमध्ये टंकलिखित माहिती जसे संदर्भ स्वरूप आणि जुने शैलीचे आकडे यांचा समावेश आहे हे आपले वेब पृष्ठे योग्य मुद्रणशैली देते कारण आपण योग्य अक्षरे वापरत आहात, केवळ अंदाजे नाही
- WOFF फॉन्ट आंतरराष्ट्रीयकरण करण्यास मदत करू शकतात कारण आपण इतर भाषांमधील वर्णांसह फॉन्ट एम्बेड करू शकता.
- सर्व CSS शैलीकृत मजकूराप्रमाणे, WOFF सह शैलीकृत फॉन्ट अधिक शोध इंजिन अनुकूल असतात. शोध एन्जन्स एका प्रतिमेत एम्बेड केलेले "पहा" मजकूर नाही, आणि ALT मजकूर मदत करू शकत असताना, मजकूर स्वतःच दुसरा पर्याय नाही
- WOFF फॉन्ट संकुचित केले आहेत, त्यामुळे ते इतर प्रकारच्या फाँट फाइल्स पेक्षा लहान आहेत. हे साइट डाउनलोड गती आणि एकूण कार्यक्षमतेस मदत करेल.
- आपण WOFF फाइल्स म्हणून आपले कॉर्पोरेट फॉन्ट्स एम्बेड करून आपली ब्रँड ओळख संरक्षित करण्यासाठी WOFF फायली वापरू शकता
WOFF ब्राउझर समर्थन
WOFF मध्ये आधुनिक ब्राउझरमध्ये उत्कृष्ट ब्राउझर समर्थन आहे, यासह:
- Chrome 6+
- Firefox 3.6+
- Internet Explorer 9+
- ऑपेरा 11.1+
- सफारी 5.1+
हे अपरिहार्यपणे ऑपेरा मिनीच्या सर्व आवृत्त्यांशिवाय, या दिवसात बोर्डवर समर्थित आहे.
WOFF फॉन्ट कसे वापरावे
एक WOFF फाइल वापरण्यासाठी, आपण आपल्या वेब सर्व्हरवर एक WOFF फाइल अपलोड करणे आवश्यक आहे, यास @ फॉन्ट-चे गुणधर्म असलेले नाव द्या आणि नंतर आपल्या सीएसएसमध्ये फॉन्ट कॉल करा. उदाहरणार्थ:
- MyWoffFont.woff नामक फॉन्ट अपलोड करा वेब सर्व्हरच्या / फाँट डायरेक्टरीमध्ये.
- आपल्या सीएसएस फाईलमध्ये @ font-face विभाग जोडा:
@ फॉन्ट-चेहरा {
फॉन्ट फॅमिली: मायवॉफफॉन्ट;
src: url ('/ fonts / myWoffFont.woff') स्वरुपण ('woff');
}
- आपल्या सीएसएस फाँट स्टॅकला नवीन फॉन्ट नाव (मायवॉफफॉन्ट) जोडा, जसे की आपण इतर कोणत्याही फाँटचे नाव घेऊ:
पी {
फॉन्ट-फॅमिली: मायवॉफफॉंट , जिनिव्हा, एरियल, हेल्व्हटिका, सेन्स-सेरीफ;
}
WOFF फॉन्ट कुठे मिळेल
दोन चांगली ठिकाणे आहेत जेथे आपण WOFF फॉन्ट्स व्यावसायिक आणि अव्यावसायिक वापरासाठी विनामूल्य मिळवू शकता.
- ओपन फॉन्ट लायब्ररी
- फॉन्ट खारटपणा
WIFF स्वरूपात उपलब्ध नसलेला एखादा फॉन्ट वापरण्यासाठी आपल्याकडे परवाना असल्यास, आपण आपल्या फाँट फायलींना WOFF फायलींमध्ये रूपांतरित करण्यासाठी फॉन्ट गिलहरीप्रमाणे WOFF निर्मात्याचा वापर करू शकता. तेथे sfnt2woff नावाचे एक आदेश-रेखा साधन आहे ज्याचा वापर आपण आपल्या TrueType / OpenType फॉन्ट्सला WOFF मध्ये रुपांतरित करण्यासाठी मॅकिंतosh आणि Windows वर वापरू शकता.
आपल्या सिस्टमसाठी योग्य बायनरी डाऊनलोड करा आणि त्यास कमांड लाईन (किंवा टर्मिनल) वर चालवा आणि सूचनांचे पालन करा.
WOFF उदाहरण
येथे WOFF फायलींची काही उदाहरणे आहेत: 24 तासांमध्ये HTML5 वरील WOFF पृष्ठ.
जेनिफर क्रिनिन द्वारे मूळ लेख. 7/11/17 रोजी जेरेमी गिरर्ड द्वारा संपादित