वेब टाइपोग्राफी: Difference between revisions

From Vigyanwiki
(Created page with "{{short description|Publishing considerations for the Web}} File:Web fonts.png|thumb|right|250px|वेब फोंट वेब डिजाइनरों को ऐस...")
 
Line 134: Line 134:




==इस पेज में लापता आंतरिक लिंक की सूची==
*
 
*कंप्यूटर फ़ॉन्ट
*वेब के लिए कोर फोंट
*लिनक्स वितरण
*गूगल फ़ॉन्ट्स
*नेटस्केप नेविगेटर
*सफारी (वेब ​​​​ब्राउज़र)
*खुले प्रकार का
*उपभोक्ता अभिकर्ता
*संयोजन चरित्र
*जीएनयू यूनिफोंट
*वेब पहुंच
*सर्च इंजन अनुकूलन
==बाहरी कड़ियाँ==
==बाहरी कड़ियाँ==
{{sisterlinks|d=Q1899429|v=Web Design|c=Category:Web design|n=no|b=no|wikt=no|s=no|species=no|q=no|m=no|mw=Design/Typography}}
{{sisterlinks|d=Q1899429|v=Web Design|c=Category:Web design|n=no|b=no|wikt=no|s=no|species=no|q=no|m=no|mw=Design/Typography}}

Revision as of 11:53, 12 January 2023

वेब फोंट वेब डिजाइनरों को ऐसे फोंट का उपयोग करने की अनुमति देते हैं जो दर्शक के कंप्यूटर पर स्थापित नहीं हैं।

वेब टाइपोग्राफी वर्ल्ड वाइड वेब पर फोंट का उपयोग है। जब HTML पहली बार बनाया गया था, तो फ़ॉन्ट चेहरे और शैलियों को विशेष रूप से प्रत्येक वेब ब्राउज़र की सेटिंग द्वारा नियंत्रित किया जाता था। जब तक नेटस्केप ने font 1995 में तत्व, जिसे तब HTML 3.2 विनिर्देश में मानकीकृत किया गया था। हालाँकि, द्वारा निर्दिष्ट फ़ॉन्ट font तत्व को उपयोगकर्ता के कंप्यूटर पर स्थापित किया जाना था या फ़ॉलबैक फ़ॉन्ट, जैसे कि ब्राउज़र का डिफ़ॉल्ट सान्स सेरिफ़ या मोनोस्पेस्ड फ़ॉन्ट , का उपयोग किया जाएगा। पहला व्यापक शैली पत्रक विनिर्देश 1996 में प्रकाशित हुआ था और समान क्षमताएं प्रदान करता था।

CSS2 विनिर्देश 1998 में जारी किया गया था और फ़ॉन्ट मिलान, संश्लेषण और डाउनलोड को जोड़कर फ़ॉन्ट चयन प्रक्रिया में सुधार करने का प्रयास किया गया था। इन तकनीकों का अधिक उपयोग नहीं हुआ, और इन्हें CSS2.1 विनिर्देशन में हटा दिया गया। हालाँकि, Internet Explorer ने 1997 में जारी Internet Explorer 4|संस्करण 4.0 में फ़ॉन्ट डाउनलोड करने की सुविधा के लिए समर्थन जोड़ा।[1] फ़ॉन्ट डाउनलोडिंग को बाद में CSS3 के फोंट मॉड्यूल में शामिल किया गया था, और तब से इसे सफारी (वेब ​​​​ब्राउज़र) | सफारी 3.1, ओपेरा 10 और मोज़िला फ़ायरफ़ॉक्स 3.5 में लागू किया गया है। इसने बाद में वेब टाइपोग्राफी के साथ-साथ फ़ॉन्ट डाउनलोडिंग के उपयोग में रुचि बढ़ाई है।

CSS1

पहले CSS विनिर्देशन में,[2] लेखक गुणों की एक श्रृंखला के माध्यम से फ़ॉन्ट विशेषताओं को निर्दिष्ट करते हैं:

  • font-family
  • font-style
  • font-variant
  • font-weight
  • font-size

सभी फोंट की पहचान केवल नाम से की गई थी। ऊपर बताए गए गुणों से परे, डिजाइनरों के पास स्टाइल फोंट का कोई तरीका नहीं था, और क्लाइंट सिस्टम पर मौजूद फोंट का चयन करने के लिए कोई तंत्र मौजूद नहीं था।

वेब-सुरक्षित फ़ॉन्ट्स

वेब-सुरक्षित फोंट कंप्यूटर फ़ॉन्ट हैं जो कंप्यूटर सिस्टम की एक विस्तृत श्रृंखला पर मौजूद होने की संभावना है, और वेबसाइट सामग्री लेखकों द्वारा सामग्री को उनके चुने हुए फ़ॉन्ट में प्रदर्शित होने की संभावना बढ़ाने के लिए उपयोग किया जाता है। यदि किसी वेब साइट के विज़िटर के पास निर्दिष्ट फ़ॉन्ट नहीं है, तो उनका ब्राउज़र लेखक द्वारा निर्दिष्ट #फॉलबैक फ़ॉन्ट और #जेनेरिक फ़ॉन्ट परिवारों के आधार पर एक समान विकल्प का चयन करने का प्रयास करता है या यह विज़िटर के ऑपरेटिंग सिस्टम में परिभाषित फ़ॉन्ट प्रतिस्थापन का उपयोग करता है।

वेब के लिए माइक्रोसॉफ्ट के कोर फोंट

वेब प्रोग्राम के लिए माइक्रोसॉफ्ट के कोर फोंट के तहत जारी होने के बाद से, एरियल, जॉर्जिया और वर्दाना वेब के तीन वास्तविक फोंट बन गए हैं।
Main article: Core fonts for the Web

यह सुनिश्चित करने के लिए कि सभी वेब उपयोगकर्ताओं के पास फोंट का एक मूल सेट है, माइक्रोसॉफ्ट ने 1996 में वेब पहल के लिए कोर फोंट शुरू किया (2002 में समाप्त)। जारी किए गए फोंट में एरियल , नया संदेशवाहक , टाइम्स न्यू रोमन , हास्य रहित , प्रभाव (टाइपफेस) , जॉर्जिया (टाइपफेस) , ट्रेबुचेट एम.एस , वेबडिंग्स और बरामदा शामिल हैं - एक ईयूएलए के तहत जिसने उन्हें स्वतंत्र रूप से वितरण योग्य बनाया लेकिन उनके उपयोग के लिए कुछ अधिकार भी सीमित कर दिए। उनकी उच्च प्रवेश दर ने उन्हें वेब डिजाइनरों के लिए प्रमुख बना दिया है। हालाँकि, अधिकांश Linux वितरणों में डिफ़ॉल्ट रूप से ये फ़ॉन्ट शामिल नहीं होते हैं।

CSS2 ने फ़ॉन्ट संश्लेषण, बेहतर फ़ॉन्ट मिलान और दूरस्थ फ़ॉन्ट डाउनलोड करने की क्षमता को जोड़कर वेब डेवलपर्स के लिए उपलब्ध टूल को बढ़ाने का प्रयास किया।[3] कुछ CSS2 फ़ॉन्ट गुणों को CSS2.1 से हटा दिया गया था और बाद में CSS3 में शामिल किया गया था।[4][5]


फ़ॉलबैक फ़ॉन्ट्स

Main article: Fallback font

सीएसएस विनिर्देश एकाधिक फ़ॉन्ट्स को फ़ॉलबैक फ़ॉन्ट्स के रूप में सूचीबद्ध करने की अनुमति देता है।[6] सीएसएस में, font-family संपत्ति उपयोग करने के लिए अल्पविराम से अलग किए गए फ़ॉन्ट चेहरों की एक सूची स्वीकार करती है, जैसे: 

फ़ॉन्ट-फ़ैमिली: Nimbus Sans L , Helvetica, Arial, sans-serif;

निर्दिष्ट किया गया पहला फ़ॉन्ट पसंदीदा फ़ॉन्ट है। यदि यह फ़ॉन्ट उपलब्ध नहीं है, तो वेब ब्राउज़र सूची में अगले फ़ॉन्ट का उपयोग करने का प्रयास करता है। यदि कोई निर्दिष्ट फ़ॉन्ट नहीं मिलता है, तो ब्राउज़र अपना डिफ़ॉल्ट फ़ॉन्ट प्रदर्शित करता है। यही प्रक्रिया प्रति-चरित्र के आधार पर भी होती है यदि ब्राउज़र किसी ऐसे वर्ण को प्रदर्शित करने का प्रयास करता है जो निर्दिष्ट फ़ॉन्ट में मौजूद नहीं है।

सामान्य फ़ॉन्ट परिवार

वेब डिजाइनरों को उनके वेब पेजों पर फोंट की उपस्थिति पर कुछ नियंत्रण देने के लिए, भले ही निर्दिष्ट फोंट उपलब्ध न हों, सीएसएस विनिर्देश कई सामान्य फ़ॉन्ट परिवार (एचटीएमएल) | फ़ॉन्ट परिवारों के उपयोग की अनुमति देता है। इन परिवारों को उनके सामान्य स्वरूप के आधार पर फोंट को कई श्रेणियों में विभाजित करने के लिए डिज़ाइन किया गया है। वे आमतौर पर फालबैक फोंट की श्रृंखला में अंतिम के रूप में निर्दिष्ट होते हैं, इस घटना में अंतिम उपाय के रूप में कि लेखक द्वारा निर्दिष्ट कोई भी फोंट उपलब्ध नहीं है। कई सालों तक, पांच सामान्य परिवार थे:[6]

<अवधि शैली = फ़ॉन्ट-फ़ैमिली: सैंस-सेरिफ़; >सैन्स-सेरिफ़

फ़ॉन्ट जिनके अक्षरों पर सजावटी चिह्न या सेरिफ़ नहीं होते हैं। इन फॉन्ट को अक्सर स्क्रीन पर पढ़ना आसान माना जाता है।[7]

<अवधि शैली = फ़ॉन्ट-परिवार: सेरिफ़ ; >सेरिफ़

फ़ॉन्ट जिनमें सजावटी चिह्न होते हैं, या सेरिफ़, उनके पात्रों पर मौजूद होते हैं। ये फ़ॉन्ट परंपरागत रूप से मुद्रित पुस्तकों में उपयोग किए जाते हैं।

<अवधि शैली = फ़ॉन्ट-फ़ैमिली: मोनोस्पेस, मोनोस्पेस; >मोनोस्पेस्ड फ़ॉन्ट

फ़ॉन्ट जिसमें सभी वर्ण समान रूप से विस्तृत होते हैं।

<अवधि शैली = फ़ॉन्ट-परिवार: कर्सिव ; >कर्सिव

फॉन्ट जो कर्सिव राइटिंग से मिलते जुलते हैं। इन फोंट में एक सजावटी उपस्थिति हो सकती है, लेकिन उन्हें छोटे आकार में पढ़ना मुश्किल हो सकता है, इसलिए इन्हें आम तौर पर कम इस्तेमाल किया जाता है।

<अवधि शैली = फ़ॉन्ट-परिवार: कल्पना; >काल्पनिक फोंट

फ़ॉन्ट जिनमें प्रतीक या अन्य सजावटी गुण हो सकते हैं, लेकिन फिर भी निर्दिष्ट वर्ण का प्रतिनिधित्व करते हैं।

कम ब्राउज़र समर्थन के साथ सीएसएस फोंट काम कर रहे ड्राफ्ट 4

[8] System-ui

किसी दिए गए सिस्टम पर डिफ़ॉल्ट फोंट: इस विकल्प का उद्देश्य वेब सामग्री को देशी ओएस के रंगरूप के साथ एकीकृत करने की अनुमति देना है।

ui-serif

दिए गए सिस्टम पर एक सेरिफ़ शैली में डिफ़ॉल्ट फोंट

ui-sans-serif

सेन्स-सेरिफ़ शैली में दिए गए सिस्टम पर डिफ़ॉल्ट फोंट

ui-monospace

किसी दिए गए सिस्टम पर एक मोनोस्पेस शैली में डिफ़ॉल्ट फोंट

ui-rounded

किसी दिए गए सिस्टम पर गोलाकार शैली में डिफ़ॉल्ट फोंट

Emoji

इमोजी का उपयोग करते हुए फ़ॉन्ट्स

Math

जटिल गणितीय सूत्र और अभिव्यक्तियों के लिए फ़ॉन्ट्स।

Fangsong (Chinese: 仿宋体)

चीनी टाइपफेस जो सेरिफ़ सॉन्ग और कर्सिव काई रूपों के बीच हैं। इस शैली का प्रयोग प्राय: सरकारी दस्तावेजों के लिए किया जाता है।

वेब फोंट

इतिहास

रिमोट फोंट को संदर्भित करने और स्वचालित रूप से डाउनलोड करने की एक तकनीक को पहले CSS2 विनिर्देश में निर्दिष्ट किया गया था, जिसने @font-face निर्माण की शुरुआत की थी। उस समय, वेब से फ़ॉन्ट फ़ाइलें लाना विवादास्पद था क्योंकि केवल कुछ वेब पेजों के लिए उपयोग किए जाने वाले फ़ॉन्ट को भी डाउनलोड किया जा सकता था और फ़ॉन्ट लाइसेंस के उल्लंघन में स्थापित किया जा सकता था।[9] माइक्रोसॉफ्ट ने पहली बार 1997 में इंटरनेट एक्सप्लोरर 4 में डाउनलोड करने योग्य एंबेडेड ओपन टाइप फोंट के लिए समर्थन जोड़ा। लेखकों को प्रत्येक पृष्ठ के लिए एक सबसेटेड फ़ॉन्ट फ़ाइल बनाने के लिए मालिकाना वेब एम्बेडिंग फ़ॉन्ट्स उपकरण टूल का उपयोग करना पड़ा। ईओटी ने दिखाया कि वेबफोंट काम कर सकता है और प्रारूप ने लेखन प्रणालियों में कुछ उपयोग देखा जो सामान्य लेखन प्रणाली द्वारा समर्थित नहीं हैं। हालाँकि, प्रारूप को व्यापक स्वीकृति कभी नहीं मिली और अंततः W3C द्वारा अस्वीकार कर दिया गया।[10] 2006 में, Håkon Wium Lie ने EOT का उपयोग करने के खिलाफ एक अभियान शुरू किया और इसके बजाय वेब ब्राउज़र आमतौर पर उपयोग किए जाने वाले फ़ॉन्ट स्वरूपों का समर्थन करते हैं।[11][12][13] सफारी (वेब ​​​​ब्राउज़र) | सफारी 3.1, ओपेरा 10, मोज़िला फ़ायरफ़ॉक्स 3.5 और इंटरनेट एक्सप्लोरर 9 में आमतौर पर इस्तेमाल किए जाने वाले ट्रू टाइप और ओपन टाइप फ़ॉन्ट स्वरूपों के लिए समर्थन लागू किया गया है।

2010 में, मोज़िला फाउंडेशन , ओपेरा सॉफ्टवेयर और माइक्रोसॉफ्ट द्वारा ट्रू टाइप और ओपन टाइप फोंट के लिए वेब ओपन फ़ॉन्ट प्रारूप कम्प्रेशन मेथड W3C को सबमिट किया गया था और तब से ब्राउजरों ने अतिरिक्त समर्थन दिया है।[14][15][16] Google फ़ॉन्ट्स को 2010 में ओपन-सोर्स सॉफ़्टवेयर#फ्री सॉफ़्टवेयर|ओपन-सोर्स लाइसेंस के तहत वेबफ़ॉन्ट की सेवा के लिए लॉन्च किया गया था। 2016 तक, 800 से अधिक वेबफॉन्ट परिवार उपलब्ध हैं।[17] वेबफॉन्ट वेब डिजाइनरों के लिए एक महत्वपूर्ण उपकरण बन गया है और 2016 तक अधिकांश साइटें वेबफोंट का उपयोग करती हैं।[18]


फ़ाइल प्रारूप

विशिष्ट CSS @font-face एम्बेडिंग तकनीक का उपयोग करके[19] फोंट एम्बेड करना संभव है जैसे कि वे आईई4+, फायरफॉक्स 3.5+, सफारी 3.1+, ओपेरा 10+ और क्रोम 4.0+ के साथ काम करते हैं। यह अधिकांश वेब उपयोगकर्ताओं को इस कार्यक्षमता तक पहुँचने की अनुमति देता है। कुछ व्यावसायिक फाउंड्री अपने फोंट के पुनर्वितरण पर आपत्ति जताते हैं। उदाहरण के लिए, हॉफलर और फ्रेरे-जोन्स का कहना है कि, जबकि वे एक अधिक अभिव्यंजक वेब के उद्भव का उत्साहपूर्वक [समर्थन] करते हैं, जिसमें डिजाइनर सुरक्षित रूप से और विश्वसनीय रूप से उच्च गुणवत्ता वाले फोंट का ऑनलाइन उपयोग कर सकते हैं, 

@फ़ॉन्ट-फेस

को फाउंड्री द्वारा अवैध वितरण माना जाता है और इसकी अनुमति नहीं है।[20] इसके बजाय, होफलर एंड कंपनी क्लाउड में निहित एक मालिकाना फ़ॉन्ट वितरण प्रणाली की पेशकश करती है। कई अन्य वाणिज्यिक प्रकार की फाउंड्रीज़ एक विशिष्ट लाइसेंस की पेशकश करके अपने फोंट के पुनर्वितरण को संबोधित करती हैं, जिसे वेब फॉन्ट लाइसेंस के रूप में जाना जाता है, जो वेब पर सामग्री प्रदर्शित करने के लिए फ़ॉन्ट सॉफ़्टवेयर के उपयोग की अनुमति देता है, आमतौर पर बुनियादी डेस्कटॉप लाइसेंस द्वारा निषिद्ध उपयोग। स्वाभाविक रूप से यह मुफ्त लाइसेंस के तहत फोंट और फाउंड्री में हस्तक्षेप नहीं करता है।[m 1]


ट्रूडॉक

ट्रूडॉक, जबकि विशेष रूप से एक वेबफॉन्ट विनिर्देशन नहीं है, फॉन्ट एम्बेड करने के लिए पहला मानक था। यह 1994 में टाइप फाउंड्री बिटस्ट्रीम इंक. 6 जारी किया गया था। इंटरनेट एक्सप्लोरर में ट्रूडॉक के लिए समर्थन जोड़ने के लिए एक ActiveX प्लगइन उपलब्ध था, लेकिन तकनीक को माइक्रोसॉफ्ट के एम्बेडेड ओपनटाइप फोंट के खिलाफ प्रतिस्पर्धा करनी पड़ी, जो संस्करण 4.0 के बाद से अपने इंटरनेट एक्सप्लोरर ब्राउज़र में मूल रूप से समर्थित थी।[21] एक अन्य बाधा ट्रूडॉक प्रारूप में वेबफोंट बनाने के लिए ओपन-सोर्स या फ्री टूल की कमी थी, जबकि माइक्रोसॉफ्ट ने अपने प्रारूप में वेबफोन बनाने के लिए एक मुफ्त वेब एंबेडिंग फ़ॉन्ट्स टूल उपलब्ध कराया था।

एंबेडेड ओपन टाइप

इंटरनेट एक्सप्लोरर ने संस्करण 4.0 के बाद से मालिकाना एंबेडेड ओपनटाइप मानक के माध्यम से फ़ॉन्ट एम्बेडिंग का समर्थन किया है। यह फ़ॉन्ट्स को कॉपी किए जाने और लाइसेंस के बिना उपयोग किए जाने से रोकने में मदद करने के लिए डिजिटल अधिकार प्रबंधन तकनीकों का उपयोग करता है। सीडब्ल्यूटी (संगतता वेब प्रकार, पूर्व में ईओटी-लाइट) के नाम के तहत ईओटी का एक सरलीकृत उपसमुच्चय औपचारिक रूप दिया गया है।[22]


स्केलेबल वेक्टर ग्राफिक्स === वेब टाइपोग्राफी स्केलेबल वेक्टर ग्राफिक्स पर दो तरह से लागू होती है:

  1. SVG 1.1 विनिर्देश के सभी संस्करण, जिसमें स्केलेबल वेक्टर ग्राफिक्स#मोबाइल प्रोफाइल सबसेट शामिल है, एक फ़ॉन्ट मॉड्यूल को परिभाषित करता है जो एक SVG दस्तावेज़ के भीतर फोंट के निर्माण की अनुमति देता है। सफारी (वेब ​​ब्राउज़र) ने संस्करण 3 में इनमें से कई गुणों के लिए समर्थन पेश किया। ओपेरा (वेब ​​ब्राउज़र) ने संस्करण 8.0 में प्रारंभिक समर्थन जोड़ा, 9.0 में अधिक गुणों के समर्थन के साथ।
  2. SVG विनिर्देश CSS को HTML दस्तावेज़ों की तरह ही SVG दस्तावेज़ों पर लागू करने देता है, और @font-face नियम को SVG दस्तावेज़ों में टेक्स्ट पर लागू किया जा सकता है। ओपेरा ने इसके लिए संस्करण 10 में समर्थन जोड़ा,[23] और संस्करण 325 से वेबकिट भी केवल एसवीजी फोंट का उपयोग करके इस विधि का समर्थन करता है।

स्केलेबल वेक्टर ग्राफिक्स फ़ॉन्ट्स === एसवीजी फोंट एसवीजी ग्राफिक का उपयोग करते हुए फोंट का एक डब्ल्यू3सी मानक था जो ओपनटाइप फोंट का सबसेट बन गया।[24] इसने बहुरंगा की अनुमति दी[25] या एनिमेटेड फोंट।[26] यह पहले SVG 1.1 विनिर्देशों का एक सबसेट था[27] लेकिन इसे बहिष्कृत कर दिया गया है[28] एसवीजी 2.0 विनिर्देश में। स्वतंत्र प्रारूप के रूप में एसवीजी फोंट आईई और फ़ायरफ़ॉक्स के अलावा अधिकांश ब्राउज़रों द्वारा समर्थित है, और क्रोम (और क्रोमियम) में बहिष्कृत है।[29] वह अब आम तौर पर पदावनत हो गया है; अधिकांश ब्राउज़र विक्रेता जिस मानक से सहमत हैं, वह SVG फ़ॉन्ट सबसेट है जो OpenType (और फिर WOFF सुपरसेट, नीचे देखें) में शामिल है, जिसे SVGOpenTypeFonts कहा जाता है।[30] फ़ायरफ़ॉक्स ने फ़ायरफ़ॉक्स 26 के बाद से एसवीजी ओपनटाइप का समर्थन किया है।

ट्रू टाइप/ओपन टाइप

Main articles: TrueType and OpenType

उद्योग-मानक ट्रू टाइप (TTF) और ओपन टाइप (TTF/OTF) फोंट से लिंकिंग द्वारा समर्थित है मोज़िला फ़ायरफ़ॉक्स 3.5+, ओपेरा 10+,[31] सफारी 3.1+,[32] और गूगल क्रोम 4.0+।[33] Internet Explorer 9+ केवल उन फ़ॉन्ट्स का समर्थन करता है जिनकी एम्बेडिंग अनुमतियाँ इंस्टॉल करने योग्य पर सेट हैं।[34]


वेब ओपन फॉन्ट फॉर्मेट

Main article: Web Open Font Format

वेब ओपन फॉन्ट फॉर्मेट (WOFF) कम्प्रेशन और अतिरिक्त मेटाडेटा के साथ अनिवार्य रूप से ओपन टाइप या ट्रू टाइप है। WOFF Mozilla Firefox 3.6+ द्वारा समर्थित है,[35] गूगल क्रोम 5+,[36][37] ओपेरा (वेब ​​ब्राउज़र) प्रेस्टो (लेआउट इंजन) ,[38] और इंटरनेट एक्सप्लोरर 9 (14 मार्च, 2011 से) द्वारा समर्थित है।[39] रिलीज़ 5.1 से Mac OS X Lion Safari (वेब ​​ब्राउज़र) पर समर्थन उपलब्ध है।

यूनिकोड फोंट

Microsoft Windows प्लेटफ़ॉर्म पर डिफ़ॉल्ट रूप से उपलब्ध केवल दो फ़ॉन्ट, Microsoft Sans Serif और Lucida Sans Unicode , एक विस्तृत यूनिकोड वर्ण प्रदर्शनों की सूची प्रदान करते हैं। एक वरदाना#संयोजन वर्ण बग (और विभिन्न उपयोगकर्ता एजेंटों द्वारा इसे अलग-अलग संभालना) इसकी उपयोगिता में बाधा डालता है जहां वर्णों का संयोजन वांछित है।

लिनक्स , जीएनयू यूनिफॉन्ट और जीएनयू फ्रीफॉन्ट जैसे मुफ़्त और ओपन-सोर्स सॉफ़्टवेयर प्लेटफॉर्म पर यूनिकोड कैरेक्टर की एक विस्तृत श्रृंखला प्रदान करते हैं।

विकल्प

वेब डिज़ाइन में एक सामान्य बाधा मॉकअप का डिज़ाइन है जिसमें ऐसे फ़ॉन्ट शामिल हैं जो वेब-सुरक्षित नहीं हैं। इस तरह की स्थितियों के लिए कई समाधान हैं। एक सामान्य समाधान पाठ को समान वेब-सुरक्षित फ़ॉन्ट से बदलना या समान दिखने वाले फ़ॉलबैक फ़ॉन्ट की श्रृंखला का उपयोग करना है।

एक अन्य तकनीक छवि प्रतिस्थापन है। इस अभ्यास में वांछित फ़ॉन्ट में लिखे गए समान पाठ वाली छवि के साथ पाठ को ओवरले करना शामिल है। यह सौंदर्य संबंधी उद्देश्यों के लिए अच्छा है, लेकिन पाठ चयन को रोकता है, बैंडविड्थ उपयोग को बढ़ाता है, खोज इंजन अनुकूलन के लिए बुरा है, और विकलांग उपयोगकर्ताओं के लिए पाठ वेब को सुगम बनाता है।[citation needed] पूर्व में, Adobe Flash -आधारित समाधान जैसे कि sIFR का उपयोग किया जाता था। यह छवि प्रतिस्थापन तकनीकों के समान है, हालांकि पाठ चयन योग्य है और वेक्टर के रूप में प्रस्तुत किया गया है। हालाँकि, इस पद्धति के लिए क्लाइंट के सिस्टम पर एक मालिकाना प्लगइन की उपस्थिति की आवश्यकता होती है।

एक अन्य समाधान पाठ को वीएमएल (इंटरनेट एक्सप्लोरर के लिए) या स्केलेबल वेक्टर ग्राफिक्स (अन्य सभी ब्राउज़रों के लिए) के साथ बदलने के लिए जावास्क्रिप्ट का उपयोग कर रहा है।[40]


यह भी देखें

टिप्पणियाँ

  1. ↑ See Open-source typefaces and Free software Unicode typefaces listings for such fonts.


संदर्भ

  1. ↑ Garaffa, Dave (2 September 1997). "Microsoft IE4pr2 में एंबेडेड फ़ॉन्ट्स". Internet.com. Archived from the original on 8 July 1998.
  2. ↑ Cascading Style Sheets, level 1, W3C, 1996-12-17
  3. ↑ "Fonts", Cascading Style Sheets, level 2:CSS2 Specification, World Wide Web Consortium, 1998-05-12, retrieved 2009-07-28
  4. ↑ CSS2.1 Changes —C.2.97 Chapter 15 Fonts, World Wide Web Consortium, retrieved 2010-01-30
  5. ↑ CSS3 module: Web Fonts, World Wide Web Consortium, retrieved 2010-01-30
  6. ↑ 6.0 6.1 "CSS2 specification", Fonts, World Wide Web Consortium
  7. ↑ Poole, Alex (2005-04-07). "कौन से अधिक सुपाठ्य हैं: Serif या Sans Serif टाइपफेस?". Archived from the original on 2017-07-22. Retrieved 2017-09-27.
  8. ↑ "फॉन्ट-फ़ैमिली [[:Template:पाइप]] के लिए यूआई-सेरिफ़, यूआई-सैन्स-सेरिफ़, यूआई-मोनोस्पेस और यूआई-राउंडेड वैल्यू क्या मैं उपयोग कर सकता हूँ... HTML5, CSS3, आदि के लिए टेबल का समर्थन करें". {{cite web}}: URL–wikilink conflict (help)
  9. ↑ Hill, Bill (2008-07-21), Font Embedding on the Web, Microsoft
  10. ↑ W3C team comment
  11. ↑ Microsoft's forgotten monopoly
  12. ↑ Web fonts: the view from the free world
  13. ↑ CSS @ Ten: The Next Big Thing
  14. ↑ WOFF File Format 1.0 Submission Request to W3C
  15. ↑ Galineau, Sylvain (2010-04-23), Meet WOFF, The Standard Web Font Format, Microsoft
  16. ↑ WOFF conversion reference code, retrieved May 8, 2016
  17. ↑ "नया Google फ़ॉन्ट्स डेटाबेस एक डिज़ाइन गीक का स्वर्ग है". Theverge.com. Retrieved 24 August 2016.
  18. ↑ Richard Fink (2016-09-06)Webfonts on the Prairie, Alist Apart
  19. ↑ Kimler, Scott Thomas (2009-07-04), xBrowser Fonts — Expand Your Font Palette Using CSS3, retrieved 2010-02-05
  20. ↑ Wubben, Mark (February 27, 2009). "गीक मीट: वेब टाइपोग्राफी और एसआईएफआर 3 - स्लाइड 15 और 16". SlideShare. Retrieved 17 March 2010.
  21. ↑ Niederst, Jennifer (2001). संक्षेप में वेब डिज़ाइन: एक डेस्कटॉप त्वरित संदर्भ (2nd ed.). O'Reilly. p. 36. ISBN 0-596-00196-7. Retrieved 20 March 2016. ट्रूडॉक किस वर्ष विकसित किया गया था.
  22. ↑ Daggett, John (2009-07-31), EOT-Lite File Format v.1.1, World Wide Web Consortium, retrieved 2010-01-30
  23. ↑ Mills, Chris (2008-12-04), Opera Presto 2.2 and Opera 10 — a first look, Opera Software, retrieved 2010-01-30
  24. ↑ SVG in OpenType, W3C, retrieved 2014-09-20
  25. ↑ Colorful typography on the web: get ready for multicolor fonts, Pixel Ambacht, retrieved 2014-09-20
  26. ↑ Anymated Glyph Example, people.Mozilla, retrieved 2014-09-20
  27. ↑ Fonts, W3C, retrieved 2014-09-20
  28. ↑ Fonts chapter, W3C, retrieved 2018-03-08
  29. ↑ Can I Use SVG fonts, CanIuse, retrieved 2014-09-20
  30. ↑ SVGOpenTypeFonts, Mozilla, retrieved 2014-09-20
  31. ↑ Mills, Chris (2008-12-04), Opera Presto 2.2 and Opera 10 — a first look, Opera Developer Community, retrieved 2010-01-29
  32. ↑ Marsal, Katie (2008-02-07), Apple's Safari 3.1 to support downloadable web fonts, more, AppleInsider, retrieved 2010-02-05
  33. ↑ Irish, Paul (2010-01-25), Chrome and @font-face: It's here!
  34. ↑ Galineau, Sylvain (2010-07-15), The CSS Corner: Better Web Typography For Better Design, Microsoft
  35. ↑ Shapiro, Melissa (2009-10-20), Mozilla Supports Web Open Font Format, Mozilla, retrieved 2010-02-05
  36. ↑ Gilbertson, Scott (2010-04-26), Google Chrome to Support the Web Open Font Format, webmonkey
  37. ↑ Bug 38217 - [chromium] Add WOFF support, WebKit
  38. ↑ Web specifications support in Opera Presto 2.7, Opera
  39. ↑ Galineau, Sylvain (2010-04-23), Meet WOFF, The Standard Web Font Format, Microsoft
  40. ↑ About Cufon


बाहरी कड़ियाँ

  • W3C CSS Fonts Specification
  • List of RFC as mentioned in WOFF (draft of 2009-10-23):
    • RFC 1950 ZLIB Compressed Data Format Specification
    • RFC 2119 Key words for use in RFCs to Indicate Requirement Levels
    • RFC 4647 Matching of Language Tags

श्रेणी: डिजिटल टाइपोग्राफी श्रेणी:वेब डिजाइन

Retrieved from ‘https://www.vigyanwiki.in/index.php?title=वेब_टाइपोग्राफी&oldid=80541’