वेब पर फ़ॉन्ट

Question

वेब डेवलपर को उपलब्ध फ़ॉन्ट्स का संग्रह निराशाजनक रूप से सीमित है। मुझे एक वेबसाइट के साथ शिपिंग फोंट के एक तरीके के रूप में, TrueDoc के बारे में बहुत पहले पढ़ना याद है - लेकिन ऐसा लगता है कि यह लगी हुई है। क्या किसी ने इसका इस्तेमाल किया है, या कुछ ऐसा ही है? क्या यह पर्याप्त ब्राउज़रों द्वारा समर्थित है? क्या मुझे अच्छा समाधान याद आ रहा है?

ध्यान दें कि एक जिम्मेदार वेब डेवलपर फोंट कि विंडोज (और विशेष रूप से जो कि Vista पर ही उपलब्ध हैं) पर ही उपलब्ध हैं, न ही वे एक ऐसी तकनीक है, कम से कम बहुमत द्वारा समर्थित नहीं है का उपयोग करते हैं का उपयोग नहीं करता ब्राउज़रों का

---

अद्यतन: के रूप में कई लोगों को, ने बताया है वहाँ लोग हैं, जो आप का उपयोग विशिष्ट फॉन्ट की जरूरत नहीं है के लिए वापस आने फोंट की एक सूची प्रदान करने के साथ कुछ भी गलत नहीं है। मैं वास्तव में ऐसा करता हूं, और यह सुझाव देने का मतलब नहीं था कि यह गलत था।

जबकि मेरा प्रश्न बुरी तरह से phrased किया गया था, मेरा मतलब यह था कि एक डिजाइनर को क्लाइंट के उपलब्ध होने के बारे में बहुत अधिक धारणा नहीं करनी चाहिए। आपको यह तय करना चाहिए कि सभी उपयोगकर्ता आपकी साइट को कैसे देखेंगे, न कि केवल आपके पसंदीदा सेटअप का उपयोग करने वाले लोगों के लिए।

Answer 1

सफारी, और कुछ हद तक, फ़ायरफ़ॉक्स 3 में @font-face के लिए सीएसएस में समर्थन है, जो आपको कस्टम फोंट का उपयोग करने देता है। हालांकि फ़ॉन्ट फ़ाइलों को वितरित करने के लिए आपको उचित लाइसेंस होना चाहिए। इन लेखों में और अधिक विस्तार में यह व्याख्या करते हैं:

• http://www.css3.info/preview/web-fonts-with-font-face/
• http://www.alistapart.com/articles/cssatten
• http://www.sitepoint.com/blogs/2008/07/30/custom-web-fonts-pick-your-poison/

Answer 2

सीएसएस 2 प्रदान करता है:

@font-face { 
    font-family: Garamond; 
    src: url(garamond.eot), url(garamond.pfr); 
} 

Answer 3

ध्यान दें कि एक जिम्मेदार वेब डेवलपर फोंट कि विंडोज पर (और विशेष रूप कि Vista पर ही उपलब्ध हैं वाले) ही उपलब्ध हैं, न ही वे एक प्रौद्योगिकी का उपयोग कर का उपयोग नहीं करता यह कम से कम अधिकांश ब्राउज़रों द्वारा समर्थित नहीं है।

अच्छा ... आप तब तक कर सकते हैं जब तक आप यह नहीं जानते कि यह गैर-विस्टा/गैर-विंडोज ओएस पर कैसे प्रस्तुत करेगा।

अन्यथा: हाँ, @ सीएसएस 2 में फ़ॉन्ट-फेस सबसे अच्छा मानक विकल्प है, भले ही यह व्यापक रूप से समर्थित न हो।

Answer 4

ध्यान दें कि एक जिम्मेदार वेब डेवलपर फोंट है कि केवल विंडोज पर उपलब्ध हैं का उपयोग नहीं करता है (और विशेष रूप से वे जो केवल Vista पर उपलब्ध हैं), न ही वे ऐसी तकनीक का उपयोग करते हैं जो कम से कमद्वारा समर्थित नहीं हैअधिकांश ब्राउज़रों।

विंडोज/विस्टा-विशिष्ट फ़ॉन्ट्स का उपयोग करने के बारे में कुछ भी गलत या गलत नहीं है बशर्ते आप व्यापक रूप से व्यापक रूप से उपलब्ध फ़ॉन्ट पर जाएं। उदाहरण के लिए:

font-family: Calibri, Tahoma, Helvetica, Sans-Serif; 

वास्तव में यह पूरा बिंदु है!

Answer 5

आप निश्चित रूप से SIFR का उपयोग कर सकते हैं।

यह उन ब्राउज़रों में शानदार ढंग से खराब हो जाता है जो इसका समर्थन नहीं करते हैं और पहुंच योग्य हैं।

यह टेक्स्ट के लोड पर उपयोग करने के लिए वास्तव में उपयुक्त नहीं है लेकिन शीर्षलेखों और हाइलाइट टेक्स्ट के लिए यह सही है।

बेशक यह इस समय ब्राउज़र और वेब की आंतरिक सीमा के आसपास एक काम है, लेकिन जब यह अधिकांश वेब प्रौद्योगिकियों और तकनीकों के लिए मामला नहीं था।

Answer 6

यह एक समय पर धागा है; हमने एरियल में स्विच किया क्योंकि कैलिब्ररी अन्य सभी फॉलबैक फोंट की तुलना में कम है! यह इसलिए है क्योंकि यह Helvetica की बकवास कॉपी है मुझे बहुत करने के लिए (गैग) एरियल स्विच करने के लिए पीड़ा हुई:

http://www.ms-studio.com/articles.html

आकार कठिनाइयों (बहुत बड़ा है, तो आप अपने मानक के रूप में एक "सी" फॉन्ट के साथ जाना, बहुत छोटा है, तो आप कुछ सामान्य) यहाँ विस्तार से वर्णन किया जाता है के साथ जाना:

http://neosmart.net/blog/2006/css-vistas-new-fonts/

मैं Calibri सुंदर हाथ से देखते आरजीबी एक बहुत aliasing याद करेंगे, लेकिन यह Calibri की मांग के बिना अधिकांश उपयोगकर्ताओं के लिए एक अच्छा अनुभव देने के लिए बस असंभव था स्थापित किया जाना चाहिए। यह उचित रूप से आम है, क्योंकि यह कार्यालय 2007 (विन/मैक) और निश्चित रूप से Vista के साथ आता है .. लेकिन यह सार्वभौमिक से बहुत दूर है, इसलिए वैश्विक वेब दर्शकों के लिए इस पर भारी भरोसा करना थोड़ा गैर जिम्मेदार है।

Answer 7

आईई @font-face का समर्थन करता है (यह एमएस वर्ड में अपनी मालिकाना तकनीक के रूप में शुरू हुआ)। Here's a blog post from the IE team about it just about a month ago।

Answer 8

ध्यान दें कि एक जिम्मेदार वेब डेवलपर फोंट कि विंडोज पर (और विशेष रूप कि Vista पर ही उपलब्ध हैं वाले) ही उपलब्ध हैं, न ही वे एक ऐसी तकनीक है, कम से कम द्वारा समर्थित नहीं है का उपयोग करते हैं का उपयोग नहीं करता अधिकांश ब्राउज़रों।

मुझे लगता है कि यह बिंदु को याद कर रहा है। इससे कोई फर्क नहीं पड़ता कि आपने किया है; हर किसी को कुछ समझदार लगेगा कि वे आसानी से पढ़ सकते हैं, और जिन्हें वे वैसे भी बदल सकते हैं, जो भी वे चाहते हैं, क्योंकि यह सिर्फ टेक्स्ट है और सभी प्रमुख ब्राउज़र आपको साइट डिज़ाइनर की वरीयताओं के बावजूद आपके द्वारा देखे गए फ़ॉन्ट को कस्टमाइज़ करने देते हैं।

आपके सीएसएस में फोंट का सुझाव देने के बारे में कुछ भी नहीं है जो कुछ उपयोगकर्ताओं के पास नहीं है; वे सिर्फ आप से कुछ अलग देखते हैं। अलग तोड़ा नहीं है। वे यह भी आश्चर्य नहीं करेंगे कि आप डिफ़ॉल्ट फोंट का उपयोग क्यों कर रहे हैं क्योंकि वे नहीं जानते कि अन्य लोग कुछ भी अलग देखते हैं।

Verdana, Arial, Helvetica, sans-serif 

यह अच्छा अभ्यास ठीक है क्योंकि यह मानता है कि लोगों को अलग अलग चीजें देखेंगे है:

यह फ़ॉन्ट सेट के पूरे मुद्दे है।

यह अच्छा अभ्यास भी है:

Gill Sans, Verdana, Arial, Helvetica, sans-serif 

तो ज्यादातर लोगों गिल की जरूरत नहीं है - कौन परवाह करता है? वे परवाह किए बिना एक पूरी तरह से अच्छी साइट मिलता है।

और यह भी ठीक हो जाएगा, लेकिन थोड़ा अजीब और आलसी:

Gill Sans 

गैर-ज़िम्मेदाराना वेब डिजाइन वैकल्पिक पाठ का उपयोग कर, फ़ॉन्ट सेटों में दिलचस्प फोंट का उपयोग नहीं कर के बिना छवियों के रूप में पाठ की स्थापना जैसी चीजों के कर रही है।

Answer 9

मुझे लगता है कि एक वेब पेज के साथ फ़ॉन्ट भेजने की कोई भी विधि कुछ प्रकार के सुरक्षा जोखिम पैदा करेगी। मैंने विधियों के बारे में सुना है, जहां इस मामले में क्लाइंट के पास आवश्यक फ़ॉन्ट नहीं है, तो पाठ को गतिशील रूप से एक छवि के साथ प्रतिस्थापित किया जा सकता है या किसी प्रकार का फ्लैश प्रदर्शित किया जा सकता है। इस तरह का एकमात्र ऐसा मैं अब देख सकता हूं AListApart पर है लेकिन यह पहले से ही अनावश्यक हो सकता है। ने कहा कि विधि को सीएसएस, छवियों और जावास्क्रिप्ट को काम करने की आवश्यकता होगी और ब्राउज़र में लागू करने के लिए दर्दनाक हो सकता है।

Answer 10

आप CSS3 में उपलब्ध @font-face declaration के साथ ऐसा कर सकते हैं। CSS3 फीचर के लिए इसका बहुत अच्छा समर्थन है (यानी आईई 4 के बाद से)।

सामान्य वाक्य रचना है:

@font-face { 
    src: url('path to your font') format('woff|ttf|svg|eot|…'); 
    font-family: the name to use; 
    font-weight: an optional weight; 
    font-style: an optional style; 
}

वहाँ भी a generator available कि कई प्रारूपों के लिए फ़ॉन्ट धर्मान्तरित और उचित सीएसएस बनाता है।

आजकल, मैं केवल एक डब्ल्यूओएफएफ फ़ाइल प्रदान करने की सिफारिश करता हूं; यह सुविधाजनक है, easy to create।

साथ ही, प्रारूप के नाम को उद्धृत करना सुनिश्चित करें (उदा। format('woff')); यह फ़ायरफ़ॉक्स पर अन्यथा काम नहीं करेगा।