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