इसे व्यक्त

सीएसएस इस साल 10 साल के अस्तित्व पूरा! उन जो थोड़ी देर के लिए आस पास कर दिया गया है, उनके (या नहीं) रोटी सीएसएस का उपयोग कर कमाई है, तो आप जानते हो सकता है कि कैसे हम फोंट का एक अच्छा चयन के लिए भूख से मर गया है. फोंट की कमी के साथ भी उन लोगों की तरह डिजाइनर सीएसएस ज़ेन गार्डन सीएसएस पृष्ठभूमि छवियों का उपयोग करने के लिए अपने डिजाइन करने के लिए कुछ न्याय करने का पीछा में फोंट की जगह बना दिया है. हम भी फ़्लैश / जावास्क्रिप्ट ® हैक्स हमारे डिजाइन लक्ष्यों को प्राप्त करने की कोशिश की है. कोई मतलब है इस फोंट हम हमारी वेब डिजाइन में इच्छा प्राप्त करने के लिए एक गलत तरीका है, लेकिन निश्चित रूप से, यह सबसे वांछनीय रास्ता नहीं है. और अधिक वर्षों में वेब डिजाइनर, मेरे जैसे, पूरी तरह से उनके डिजाइन के लिए दस या तो फोंट पर भरोसा है.

वेब मानकों और फ़ॉन्ट स्वरूप में हाल के घटनाक्रम से यह संभव करने के लिए वही पुरानी डिफ़ॉल्ट फ़ॉन्ट के अलावा अन्य टाइपफ़ेस में HTML पाठ प्रस्तुत करना. "@ Fontface" सीएसएस decleration के में आता है.

@ Fontface वास्तविक फ़ॉन्ट फ़ाइल के लिए लिंक और यह वेब से प्राप्त करने के लिए एक समाधान के provids. @ Fontface का प्रयोग, डिजाइनरों के लिए पृष्ठभूमि छवियों के रूप में पाठ स्थिर बिना फ़ॉन्ट का उपयोग कर सकते हैं. कार्यान्वयन बहुत सीधे आगे है, जैसा कि नीचे दिखाया गया है, लेकिन सभी अच्छी चीजों के रूप में इसे करने के लिए कांग्रेस हिस्सा है, नहीं सभी ब्राउज़रों एक एकल "फ़ॉन्ट प्रकार का समर्थन. यदि आप साइट में पार ब्राउज़र समर्थन की आवश्यकता के साथ @ fontface का उपयोग करने की योजना बना रहे हैं, तो आप उसी के विभिन्न फ़ॉन्ट प्रकार के सूत्रों प्रदान करना होगा.

1. ट्रू टाइप - एक प्रारूप स्क्रीन पर अच्छे लग रहे करने के लिए डिज़ाइन. विंडोज ब्राउज़र (क्रोम) के लिए विशेष रूप से सिफारिश की है.
2. ओपन टाइप (CFF) - इस प्रारूप मुद्रण कार्य के लिए बेहतर है और Windows पर हमेशा अच्छा नहीं लग रही.
3. ईओटी - आप इस प्रारूप की जरूरत है अगर आप इंटरनेट एक्सप्लोरर को लक्षित करना चाहते हैं. IE के किसी भी अन्य प्रारूप का उपयोग नहीं होगा. हमारे ईओटी "लाइट," क्योंकि वे न तो और न ही संकुचित कर रहे हैं डोमेन प्रतिबंधित विचार किया जाएगा.
4. एसवीजी यह एक XML प्रारूप iPhone सहित कुछ ब्राउज़र्स द्वारा समर्थित है.
5. WOFF इस पार ब्राउज़र, वेब ही फ़ॉन्ट स्वरूप हल्के है (फ़ॉन्ट डेटा ज़िप संकुचित है) और या तो ट्रू टाइप या पोस्टस्क्रिप्ट (CFF) की रूपरेखा के साथ संकलित किया जा सकता है. यह वर्तमान में फ़ायर्फ़ॉक्स 3.6 द्वारा समर्थित है +.

@ Fontface का उपयोग

  @ फ़ॉन्ट चेहरा {
 font-परिवार: 'CalligraphyFLFRegular';
 स्रोत: यूआरएल (CalligraphyFLF.eot ');
 ": स्थानीय (CalligraphyFLF ') (' CalligraphyFLF) स्थानीय, url ('CalligraphyFLF.woff') ('woff') प्रारूप, ('CalligraphyFLF.ttf) url प्रारूप (' ट्रू टाइप '), url (' CalligraphyFLF svg # CalligraphyFLF ') (' svg) स्वरूप;
 }
 @ फ़ॉन्ट चेहरा {
   font-परिवार: "आपका टाइपफ़ेस";
   स्रोत: url ("/ फोंट font_filename.eot");
   ": (वैकल्पिक नाम) स्थानीय, स्थानीय, (Alternatename")
     url ("/ फोंट font_filename.woff") प्रारूप ("woff)
     url ("/ फोंट font_filename.otf") ("ओपन टाइप) स्वरूप,
     url ("/ फोंट # font_filename font_filename.svg") प्रारूप (SVG ");
   }
 h2 {font-परिवार: "आपका टाइपफ़ेस, जॉर्जिया, सेरिफ़;} 

जैसा कि आप ऊपर के उदाहरण से देख, चुना फ़ॉन्ट टाइपफ़ेस शामिल कर सकते हैं, एक ही टाइपफ़ेस लिए fonttypes का एक सेट करने के लिए लिंक है. इसलिए लोगों को "फ़ॉन्ट किट के रूप में इसे देखें.
फ़ॉन्ट उपलब्ध किट कि एंड यूज़र लायसेंस एग्रीमेंट (EULA) के तहत सीएसएस @ फ़ॉन्ट चेहरा यह संपत्ति के साथ स्पष्ट रूप से जोड़ने की अनुमति देता है.

उपयोगी WebFont संसाधन:

• @ फ़ॉन्ट चेहरा एम्बेडिंग के लिए उपलब्ध फ़ॉन्ट्स पर विकी पृष्ठ http://webfonts.info/wiki/index.php?title=Main_Page
  
• रे Larabie . वह एक प्रसिद्ध फ़ॉन्ट डिजाइनर जो दिलचस्प ट्रू टाइप फोंट वेब पर उपयोग के लिए आसानी से उपलब्ध के सैकड़ों बना दिया है. अपने फोंट, सजावटी, सुरुचिपूर्ण और चंचल हैं.
• Dieter Steffmann एक और महान फ़ॉन्ट डिजाइनर है. वह भी, कई सुंदर फोंट उपयोग करने के लिए किसी के लिए उपलब्ध बना दिया है.
• फ़ॉन्ट दुकान : फोंट वेब के उपयोग के लिए विशेष रूप से डिजाइन प्रदान करता है. अधिक सबसे सफल FontFont के परिवारों के 30 अब वेब FontFonts के रूप में उपलब्ध हैं. FontShop भी एक विस्तृत WebFont उपयोगकर्ता पुस्तिका है http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf
  
• फ़ॉन्ट गिलहरी : सभी फ़ॉन्ट कि फ़ॉन्ट गिलहरी @ फ़ॉन्ट चेहरा सीएसएस embedding के साथ उपयोग के लिए प्रदान करता है showcases. फ़ॉन्ट गिलहरी प्रकार के एक प्रभावशाली मात्रा प्रदान करता है, एक बाहर ले इसे मृत सरल बनाता है, और handily "किट" प्रदान करता है अपनी पसंद का टाइपफ़ेस कई प्रारूपों में, डेमो HTML और सीएसएस के साथ पैक किया है कि बहुत वर्तमान @ फ़ॉन्ट चेहरा वाक्यविन्यास का उपयोग करता है . उन्होंने यह भी एक तरह से अपने खुद के फ़ॉन्ट चेहरा किट प्रदान करते हैं . यदि आप उपयोग करना चाहते टाइपफ़ेस उचित लाइसेंस दिया गया है (है कि लोगों को अपने कंप्यूटर के साथ आने जरूरी ठीक नहीं हैं), जनरेटर ईओटी, एसवीजी, और हे उत्पादन! WOFF फ़ाइलें.