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

From Vigyanwiki
No edit summary
No edit summary
 
(10 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{short description|Publishing considerations for the Web}}
{{short description|Publishing considerations for the Web}}
[[File:Web fonts.png|thumb|right|250px|वेब फोंट वेब डिजाइनरों को ऐसे फोंट का उपयोग करने की अनुमति देते हैं जो दर्शक के कंप्यूटर पर स्थापित नहीं हैं।]]वेब टाइपोग्राफी [[ वर्ल्ड वाइड वेब ]] पर फोंट का उपयोग है। जब [[ HTML |एचटीएमएल]] पहली बार बनाया गया था, तो [[ फ़ॉन्ट ]]फेस और शैलियों को विशेष रूप से प्रत्येक [[ वेब ब्राउज़र ]] की सेटिंग द्वारा नियंत्रित किया जाता था। 1995 में जब तक [[ नेटस्केप ]] ने <code>font</code> तत्व प्रस्तुत नहीं किया, तब तक अलग-अलग वेब पेजों के लिए फ़ॉन्ट प्रदर्शन को नियंत्रित करने के लिए कोई तंत्र नहीं था, जिसे तब एचटीएमएल 3.2 विनिर्देश में मानकीकृत किया गया था। हालाँकि, <code>font</code> द्वारा निर्दिष्ट फ़ॉन्ट को उपयोगकर्ता के कंप्यूटर पर स्थापित किया जाना था या फ़ॉलबैक फ़ॉन्ट, जैसे कि ब्राउज़र का डिफ़ॉल्ट [[ सान्स सेरिफ़ ]] या [[ मोनोस्पेस्ड फ़ॉन्ट ]], का उपयोग किया जाएगा। पहला [[ व्यापक शैली पत्रक | कैस्केडिंग स्टाइल शीट्स]] विनिर्देश 1996 में प्रकाशित हुआ था और समान क्षमताएं प्रदान करता था।
[[File:Web fonts.png|thumb|right|250px|वेब फ़ॉन्ट वेब डिजाइनरों को ऐसे फ़ॉन्ट का उपयोग करने की अनुमति देते हैं जो दर्शक के कंप्यूटर पर स्थापित नहीं हैं।]]'''वेब टाइपोग्राफी''' [[ वर्ल्ड वाइड वेब |वर्ल्ड वाइड वेब]] पर फ़ॉन्ट का उपयोग है। जब [[ HTML |एचटीएमएल]] पहली बार बनाया गया था, तो [[ फ़ॉन्ट |फ़ॉन्ट]] फेस और शैलियों को विशेष रूप से प्रत्येक [[ वेब ब्राउज़र |वेब ब्राउज़र]] की सेटिंग द्वारा नियंत्रित किया जाता था। 1995 में जब तक [[ नेटस्केप |नेटस्केप]] ने <code>font</code> तत्व प्रस्तुत नहीं किया, तब तक अलग-अलग वेब पेजों के लिए फ़ॉन्ट प्रदर्शन को नियंत्रित करने के लिए कोई तंत्र नहीं था, जिसे तब एचटीएमएल 3.2 विनिर्देश में मानकीकृत किया गया था। चूँकि, <code>font</code> द्वारा निर्दिष्ट फ़ॉन्ट को उपयोगकर्ता के कंप्यूटर पर स्थापित किया जाना था या फ़ॉलबैक फ़ॉन्ट, जैसे कि ब्राउज़र का डिफ़ॉल्ट [[ सान्स सेरिफ़ |सान्स सेरिफ़]] या [[ मोनोस्पेस्ड फ़ॉन्ट |मोनोस्पेस्ड फ़ॉन्ट]] , का उपयोग किया जाएगा। पहला [[ व्यापक शैली पत्रक |कैस्केडिंग स्टाइल शीट्स]] विनिर्देश 1996 में प्रकाशित हुआ था और समान क्षमताएं प्रदान करता था।


[[ CSS2 |सीएसएस2]] विनिर्देश 1998 में जारी किया गया था और फ़ॉन्ट मिलान, संश्लेषण और डाउनलोड को जोड़कर फ़ॉन्ट चयन प्रक्रिया में सुधार करने का प्रयास किया गया था। इन तकनीकों का अधिक उपयोग नहीं हुआ, और इन्हें सीएसएस2.1 विनिर्देशन में हटा दिया गया। हालाँकि, [[ Internet Explorer | इन्टरनेट एक्स्प्लोरेर]] ने 1997 में जारी संस्करण 4.0 में फ़ॉन्ट डाउनलोड करने की सुविधा के लिए समर्थन जोड़ा।<ref>{{cite web|url=http://browserwatch.internet.com/news/story/microsoft265.html|archive-url=https://web.archive.org/web/19980708194539/http://browserwatch.internet.com/news/story/microsoft265.html|archive-date=8 July 1998|title=Microsoft IE4pr2 में एंबेडेड फ़ॉन्ट्स|date=2 September 1997|first=Dave|last=Garaffa|publisher=[[Internet.com]]}}</ref> फ़ॉन्ट डाउनलोडिंग को बाद में सीएसएस3 के फोंट मॉड्यूल में शामिल किया गया था, और तब से इसे सफारी (वेब ​​​​ब्राउज़र) 3.1, [[ ओपेरा 10 ]] और मोज़िला फ़ायरफ़ॉक्स 3.5 में लागू किया गया है। इसने बाद में वेब टाइपोग्राफी के साथ-साथ फ़ॉन्ट डाउनलोडिंग के उपयोग में रुचि बढ़ाई है।
[[ CSS2 |सीएसएस2]] विनिर्देश 1998 में जारी किया गया था और फ़ॉन्ट मिलान, संश्लेषण और डाउनलोड को जोड़कर फ़ॉन्ट चयन प्रक्रिया में सुधार करने का प्रयास किया गया था। इन तकनीकों का अधिक उपयोग नहीं हुआ, और इन्हें सीएसएस2.1 विनिर्देशन में हटा दिया गया। चूँकि, [[ Internet Explorer |इन्टरनेट एक्स्प्लोरेर]] ने 1997 में जारी संस्करण 4.0 में फ़ॉन्ट डाउनलोड करने की सुविधा के लिए समर्थन जोड़ा।<ref>{{cite web|url=http://browserwatch.internet.com/news/story/microsoft265.html|archive-url=https://web.archive.org/web/19980708194539/http://browserwatch.internet.com/news/story/microsoft265.html|archive-date=8 July 1998|title=Microsoft IE4pr2 में एंबेडेड फ़ॉन्ट्स|date=2 September 1997|first=Dave|last=Garaffa|publisher=[[Internet.com]]}}</ref> फ़ॉन्ट डाउनलोडिंग को बाद में सीएसएस3 के फ़ॉन्ट मॉड्यूल में सम्मिलित किया गया था, और तब से इसे सफारी (वेब ​​​​ब्राउज़र) 3.1, [[ ओपेरा 10 |ओपेरा 10]] और मोज़िला फ़ायरफ़ॉक्स 3.5 में प्रयुक्त किया गया है। इसने बाद में वेब टाइपोग्राफी के साथ-साथ फ़ॉन्ट डाउनलोडिंग के उपयोग में महत्त्व बढ़ाई है।


== सीएसएस 1 ==
== सीएसएस 1 ==
Line 11: Line 11:
* {{code|lang=css|font-weight}}
* {{code|lang=css|font-weight}}
* {{code|lang=css|font-size}}
* {{code|lang=css|font-size}}
सभी फोंट की पहचान केवल नाम से की गई थी। ऊपर बताए गए गुणों से अतिरिक्त, डिजाइनरों के पास स्टाइल फोंट का कोई विधि नहीं थी, और क्लाइंट सिस्टम पर उपस्थित फोंट का चयन करने के लिए कोई तंत्र उपस्थित नहीं था।
सभी फ़ॉन्ट की पहचान केवल नाम से की गई थी। ऊपर बताए गए गुणों से अतिरिक्त, डिजाइनरों के पास स्टाइल फ़ॉन्ट का कोई विधि नहीं थी, और क्लाइंट सिस्टम पर उपस्थित फ़ॉन्ट का चयन करने के लिए कोई तंत्र उपस्थित नहीं था।


=== वेब-सुरक्षित फ़ॉन्ट्स ===
=== वेब-सुरक्षित फ़ॉन्ट्स ===
वेब-सुरक्षित फ़ॉन्ट [[ कंप्यूटर ]] सिस्टम की एक विस्तृत श्रृंखला पर उपस्थित होने की संभावना वाले फ़ॉन्ट हैं, और [[ वेबसाइट | वेब]] सामग्री लेखकों द्वारा सामग्री को उनके चुने हुए फ़ॉन्ट में प्रदर्शित होने की संभावना बढ़ाने के लिए उपयोग किया जाता है। यदि किसी वेब साइट के विज़िटर के पास निर्दिष्ट फ़ॉन्ट नहीं है, तो उनका ब्राउज़र लेखक द्वारा निर्दिष्ट फॉलबैक फ़ॉन्ट और जेनेरिक फ़ॉन्ट परिवारों के आधार पर समान विकल्प का चयन करने का प्रयास करता है या यह विज़िटर के ऑपरेटिंग सिस्टम में परिभाषित [[ फ़ॉन्ट प्रतिस्थापन |फ़ॉन्ट प्रतिस्थापन]] का उपयोग करता है।
वेब-सुरक्षित फ़ॉन्ट [[ कंप्यूटर |कंप्यूटर]] सिस्टम की एक विस्तृत श्रृंखला पर उपस्थित होने की संभावना वाले फ़ॉन्ट हैं, और [[ वेबसाइट |वेब]] सामग्री लेखकों द्वारा सामग्री को उनके चुने हुए फ़ॉन्ट में प्रदर्शित होने की संभावना बढ़ाने के लिए उपयोग किया जाता है। यदि किसी वेब साइट के विज़िटर के पास निर्दिष्ट फ़ॉन्ट नहीं है, तो उनका ब्राउज़र लेखक द्वारा निर्दिष्ट फॉलबैक फ़ॉन्ट और जेनेरिक फ़ॉन्ट परिवारों के आधार पर समान विकल्प का चयन करने का प्रयास करता है या यह विज़िटर के ऑपरेटिंग सिस्टम में परिभाषित [[ फ़ॉन्ट प्रतिस्थापन |फ़ॉन्ट प्रतिस्थापन]] का उपयोग करता है।
=== वेब के लिए माइक्रोसॉफ्ट के कोर फोंट ===
=== वेब के लिए माइक्रोसॉफ्ट के कोर फ़ॉन्ट ===
[[File:3 Core Fonts for the web.png|thumb|right|250px|वेब प्रोग्राम के लिए माइक्रोसॉफ्ट के कोर फोंट के तहत जारी होने के बाद से, एरियल, जॉर्जिया और वर्दाना वेब के तीन वास्तविक फोंट बन गए हैं।]]
[[File:3 Core Fonts for the web.png|thumb|right|250px|वेब प्रोग्राम के लिए माइक्रोसॉफ्ट के कोर फ़ॉन्ट के अनुसार जारी होने के बाद से, एरियल, जॉर्जिया और वर्दाना वेब के तीन वास्तविक फ़ॉन्ट बन गए हैं।]]
{{Main|वेब के लिए कोर फोंट}}
{{Main|वेब के लिए कोर फोंट}}


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


सीएसएस2 ने फ़ॉन्ट संश्लेषण, बेहतर फ़ॉन्ट मिलान और दूरस्थ फ़ॉन्ट डाउनलोड करने की क्षमता को जोड़कर वेब डेवलपर्स के लिए उपलब्ध टूल को बढ़ाने का प्रयास किया।<ref>{{citation |url=http://www.w3.org/TR/2008/REC-CSS2-20080411/fonts.html |title=Fonts |date=1998-05-12 |work=Cascading Style Sheets, level 2:CSS2 Specification |publisher=[[World Wide Web Consortium]] |access-date=2009-07-28}}</ref>
सीएसएस 2 ने फ़ॉन्ट संश्लेषण, बेहतर फ़ॉन्ट मिलान और दूरस्थ फ़ॉन्ट डाउनलोड करने की क्षमता को जोड़कर वेब डेवलपर्स के लिए उपलब्ध टूल को बढ़ाने का प्रयास किया।<ref>{{citation |url=http://www.w3.org/TR/2008/REC-CSS2-20080411/fonts.html |title=Fonts |date=1998-05-12 |work=Cascading Style Sheets, level 2:CSS2 Specification |publisher=[[World Wide Web Consortium]] |access-date=2009-07-28}}</ref>


कुछ सीएसएस2 फ़ॉन्ट गुणों को सीएसएस2.1 से हटा दिया गया था और बाद में CSS3 में शामिल किया गया था।<ref>{{citation |url=http://www.w3.org/TR/CSS21/changes.html#q104 |title=CSS2.1 Changes&nbsp;—C.2.97 Chapter 15 Fonts |publisher=[[World Wide Web Consortium]] |access-date=2010-01-30}}</ref><ref>{{citation |url=http://www.w3.org/TR/css3-webfonts |title=CSS3 module: Web Fonts |publisher=[[World Wide Web Consortium]] |access-date=2010-01-30}}</ref>
कुछ सीएसएस 2 फ़ॉन्ट के गुणों को सीएसएस 2.1 से हटा दिया गया था और बाद में सीएसएस3 में सम्मिलित किया गया था।<ref>{{citation |url=http://www.w3.org/TR/CSS21/changes.html#q104 |title=CSS2.1 Changes&nbsp;—C.2.97 Chapter 15 Fonts |publisher=[[World Wide Web Consortium]] |access-date=2010-01-30}}</ref><ref>{{citation |url=http://www.w3.org/TR/css3-webfonts |title=CSS3 module: Web Fonts |publisher=[[World Wide Web Consortium]] |access-date=2010-01-30}}</ref>






===फ़ॉलबैक फ़ॉन्ट्स===
===फ़ॉलबैक फ़ॉन्ट्स===
{{Main|Fallback font}}
{{Main|फ़ॉलबैक फ़ॉन्ट्स}}
सीएसएस विनिर्देश एकाधिक फ़ॉन्ट्स को फ़ॉलबैक फ़ॉन्ट्स के रूप में सूचीबद्ध करने की अनुमति देता है।<ref name="CSS2fontspec">{{citation |url=http://www.w3.org/TR/CSS2/fonts.html |title=CSS2 specification |work=Fonts |publisher=[[World Wide Web Consortium]]}}</ref> सीएसएस में, <code>font-family</code> संपत्ति उपयोग करने के लिए अल्पविराम से अलग किए गए फ़ॉन्ट चेहरों की सूची स्वीकार करती है, जैसे:
सीएसएस विनिर्देश एकाधिक फ़ॉन्ट्स को फ़ॉलबैक फ़ॉन्ट्स के रूप में सूचीबद्ध करने की अनुमति देता है।<ref name="CSS2fontspec">{{citation |url=http://www.w3.org/TR/CSS2/fonts.html |title=CSS2 specification |work=Fonts |publisher=[[World Wide Web Consortium]]}}</ref> सीएसएस में, <code>font-family</code> गुण उपयोग करने के लिए अल्पविराम से अलग किए गए फ़ॉन्ट फेसों की सूची स्वीकार करती है, जैसे:<syntaxhighlight lang="css">
<syntaxhighlight lang= CSS >फ़ॉन्ट-फ़ैमिली: Nimbus Sans L , Helvetica, Arial, sans-serif;</syntaxhighlight>
font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
निर्दिष्ट किया गया पहला फ़ॉन्ट पसंदीदा फ़ॉन्ट है। यदि यह फ़ॉन्ट उपलब्ध नहीं है, तो वेब ब्राउज़र सूची में अगले फ़ॉन्ट का उपयोग करने का प्रयास करता है। यदि कोई निर्दिष्ट फ़ॉन्ट नहीं मिलता है, तो ब्राउज़र अपना डिफ़ॉल्ट फ़ॉन्ट प्रदर्शित करता है। यही प्रक्रिया प्रति-चरित्र के आधार पर भी होती है यदि ब्राउज़र किसी ऐसे वर्ण को प्रदर्शित करने का प्रयास करता है जो निर्दिष्ट फ़ॉन्ट में उपस्थित नहीं है।
</syntaxhighlight>निर्दिष्ट किया गया पहला फ़ॉन्ट पसंदीदा फ़ॉन्ट है। यदि यह फ़ॉन्ट उपलब्ध नहीं है, तो वेब ब्राउज़र सूची में अगले फ़ॉन्ट का उपयोग करने का प्रयास करता है। यदि कोई निर्दिष्ट फ़ॉन्ट नहीं मिलता है, तो ब्राउज़र अपना डिफ़ॉल्ट फ़ॉन्ट प्रदर्शित करता है। यही प्रक्रिया प्रति-चरित्र के आधार पर भी होती है यदि ब्राउज़र किसी ऐसे वर्ण को प्रदर्शित करने का प्रयास करता है जो निर्दिष्ट फ़ॉन्ट में उपस्थित नहीं है।


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


<अवधि शैली = फ़ॉन्ट-फ़ैमिली: सैंस-सेरिफ़; >सैन्स-सेरिफ़</span>
[[ सेरिफ़ |सैंस सेरिफ़]]
: फ़ॉन्ट जिनके अक्षरों पर सजावटी चिह्न या सेरिफ़ नहीं होते हैं। इन फॉन्ट को अक्सर स्क्रीन पर पढ़ना आसान माना जाता है।<ref>{{cite web |url=http://alexpoole.info/blog/which-are-more-legible-serif-or-sans-serif-typefaces/ |title=कौन से अधिक सुपाठ्य हैं: Serif या Sans Serif टाइपफेस?|last=Poole |first=Alex |date=2005-04-07 |access-date=2017-09-27 |archive-url=https://web.archive.org/web/20170722154726/http://alexpoole.info/blog/which-are-more-legible-serif-or-sans-serif-typefaces/ |archive-date=2017-07-22 |url-status=live}}</ref>
: फ़ॉन्ट जिनके अक्षरों पर सजावटी चिह्न या सेरिफ़ नहीं होते हैं। इन फॉन्ट को अधिकांश स्क्रीन पर पढ़ना आसान माना जाता है।<ref>{{cite web |url=http://alexpoole.info/blog/which-are-more-legible-serif-or-sans-serif-typefaces/ |title=कौन से अधिक सुपाठ्य हैं: Serif या Sans Serif टाइपफेस?|last=Poole |first=Alex |date=2005-04-07 |access-date=2017-09-27 |archive-url=https://web.archive.org/web/20170722154726/http://alexpoole.info/blog/which-are-more-legible-serif-or-sans-serif-typefaces/ |archive-date=2017-07-22 |url-status=live}}</ref>
<अवधि शैली = फ़ॉन्ट-परिवार: [[ सेरिफ़ |सेरिफ़]] ; >सेरिफ़
[[ सेरिफ़ |सेरिफ़]]
: फ़ॉन्ट जिनमें सजावटी चिह्न होते हैं, या सेरिफ़, उनके पात्रों पर उपस्थित होते हैं। ये फ़ॉन्ट परंपरागत रूप से मुद्रित पुस्तकों में उपयोग किए जाते हैं।
: फ़ॉन्ट जिनमें सजावटी चिह्न होते हैं, या सेरिफ़, उनके पात्रों पर उपस्थित होते हैं। ये फ़ॉन्ट परंपरागत रूप से मुद्रित पुस्तकों में उपयोग किए जाते हैं।
<अवधि शैली = फ़ॉन्ट-फ़ैमिली: मोनोस्पेस, मोनोस्पेस; >मोनोस्पेस्ड फ़ॉन्ट</span>
मोनोस्पेस
: फ़ॉन्ट जिसमें सभी वर्ण समान रूप से विस्तृत होते हैं।
: फ़ॉन्ट जिसमें सभी वर्ण समान रूप से विस्तृत होते हैं।
<अवधि शैली = फ़ॉन्ट-परिवार: [[ कर्सिव |कर्सिव]] ; >कर्सिव
[[ कर्सिव |कर्सिव]]
: फॉन्ट जो कर्सिव राइटिंग से मिलते जुलते हैं। इन फोंट में सजावटी उपस्थिति हो सकती है, लेकिन उन्हें छोटे आकार में पढ़ना मुश्किल हो सकता है, इसलिए इन्हें आम तौर पर कम इस्तेमाल किया जाता है।
: फॉन्ट जो कर्सिव राइटिंग से मिलते जुलते हैं। इन फ़ॉन्ट में सजावटी उपस्थिति हो सकती है, लेकिन उन्हें छोटे आकार में पढ़ना कठिन हो सकता है, इसलिए इन्हें सामान्यतः कम उपयोग किया जाता है।
<अवधि शैली = फ़ॉन्ट-परिवार: कल्पना; >[[ काल्पनिक फोंट ]]</span>
[[ काल्पनिक फोंट |काल्पनिक फ़ॉन्ट]]
: फ़ॉन्ट जिनमें प्रतीक या अन्य सजावटी गुण हो सकते हैं, लेकिन फिर भी निर्दिष्ट वर्ण का प्रतिनिधित्व करते हैं।
: फ़ॉन्ट जिनमें प्रतीक या अन्य सजावटी गुण हो सकते हैं, लेकिन फिर भी निर्दिष्ट वर्ण का प्रतिनिधित्व करते हैं।


=== कम ब्राउज़र समर्थन के साथ सीएसएस फोंट काम कर रहे ड्राफ्ट 4 ===
=== कम ब्राउज़र समर्थन के साथ सीएसएस फ़ॉन्ट काम कर रहे ड्राफ्ट 4 ===
<ref name="cssf4">{{Cite web|url=https://caniuse.com/extended-system-fonts|title = फॉन्ट-फ़ैमिली {{पाइप}} के लिए यूआई-सेरिफ़, यूआई-सैन्स-सेरिफ़, यूआई-मोनोस्पेस और यूआई-राउंडेड वैल्यू क्या मैं उपयोग कर सकता हूँ... HTML5, CSS3, आदि के लिए टेबल का समर्थन करें}}</ref>
<ref name="cssf4">{{Cite web|url=https://caniuse.com/extended-system-fonts|title = फॉन्ट-फ़ैमिली {{पाइप}} के लिए यूआई-सेरिफ़, यूआई-सैन्स-सेरिफ़, यूआई-मोनोस्पेस और यूआई-राउंडेड वैल्यू क्या मैं उपयोग कर सकता हूँ... HTML5, CSS3, आदि के लिए टेबल का समर्थन करें}}</ref>{{Font|सिस्टम-यूआई|font=सिस्टम-यूआई}}
{{Font|System-ui|font=system-ui}}
: किसी दिए गए सिस्टम पर डिफ़ॉल्ट फ़ॉन्ट: इस विकल्प का उद्देश्य वेब सामग्री को देशी ओएस के रंगरूप के साथ एकीकृत करने की अनुमति देना है।
: किसी दिए गए सिस्टम पर डिफ़ॉल्ट फोंट: इस विकल्प का उद्देश्य वेब सामग्री को देशी ओएस के रंगरूप के साथ एकीकृत करने की अनुमति देना है।
{{Font|यूआई-सेरिफ|font=यूआई-सेरिफ}}
{{Font|ui-serif|font=ui-serif}}
: दिए गए सिस्टम पर सेरिफ़ शैली में डिफ़ॉल्ट फ़ॉन्ट
: दिए गए सिस्टम पर सेरिफ़ शैली में डिफ़ॉल्ट फोंट
{{Font|यूआई-सैंस-सेरिफ|font=यूआई-सैंस-सेरिफ}}
{{Font|ui-sans-serif|font=ui-sans-serif}}
: सेन्स-सेरिफ़ शैली में दिए गए सिस्टम पर डिफ़ॉल्ट फ़ॉन्ट
: सेन्स-सेरिफ़ शैली में दिए गए सिस्टम पर डिफ़ॉल्ट फोंट
{{Font|यूआई-मोनोस्पेस|font=यूआई-मोनोस्पेस}}
{{Font|ui-monospace|font=ui-monospace}}
: किसी दिए गए सिस्टम पर मोनोस्पेस शैली में डिफ़ॉल्ट फ़ॉन्ट
: किसी दिए गए सिस्टम पर मोनोस्पेस शैली में डिफ़ॉल्ट फोंट
{{Font|यूआई-राउंडेड|font=यूआई-राउंडेड}}
{{Font|ui-rounded|font=ui-rounded}}
: किसी दिए गए सिस्टम पर गोलाकार शैली में डिफ़ॉल्ट फ़ॉन्ट
: किसी दिए गए सिस्टम पर गोलाकार शैली में डिफ़ॉल्ट फोंट
{{Font|[[इमोजी]]|font=इमोजी}}
{{Font|[[Emoji]]|font=emoji}}
: [[ इमोजी | इमोजी]] का उपयोग करते हुए फ़ॉन्ट्स
: [[ इमोजी | इमोजी]] का उपयोग करते हुए फ़ॉन्ट्स
{{Font|[[Typographical conventions in mathematical formulae|Math]]|font=math}}
{{Font|[[गणितीय सूत्रों में टंकण परंपराएं|गणित]]|font=मैथ}}
: जटिल गणितीय सूत्र और अभिव्यक्तियों के लिए फ़ॉन्ट्स।
: जटिल गणितीय सूत्र और अभिव्यक्तियों के लिए फ़ॉन्ट्स।
{{Font|[[Fang Song|Fangsong]] ({{lang-zh|仿宋体}})|font=fangsong}}
{{Font|[[Fang Song|Fangsong]] ({{lang-zh|仿宋体}})|font=fangsong}}
: चीनी टाइपफेस जो सेरिफ़ सॉन्ग और कर्सिव काई रूपों के बीच हैं। इस शैली का प्रयोग प्राय: सरकारी दस्तावेजों के लिए किया जाता है।
: चीनी टाइपफेस जो सेरिफ़ सॉन्ग और कर्सिव काई रूपों के बीच हैं। इस शैली का प्रयोग प्राय: सरकारी दस्तावेजों के लिए किया जाता है।


== वेब फोंट ==
== वेब फ़ॉन्ट ==


=== इतिहास ===
=== इतिहास ===
रिमोट फोंट को संदर्भित करने और स्वचालित रूप से डाउनलोड करने की तकनीक को पहले सीएसएस2 विनिर्देश में निर्दिष्ट किया गया था, जिसने <syntaxhighlight lang= CSS inline>@font-face</syntaxhighlight> निर्माण की शुरुआत की थी। उस समय, वेब से फ़ॉन्ट फ़ाइलें लाना विवादास्पद था क्योंकि केवल कुछ वेब पेजों के लिए उपयोग किए जाने वाले फ़ॉन्ट को भी डाउनलोड किया जा सकता था और फ़ॉन्ट लाइसेंस के उल्लंघन में स्थापित किया जा सकता था।<ref>{{citation |url=http://blogs.msdn.com/ie/archive/2008/07/21/font-embedding-on-the-web.aspx |title=Font Embedding on the Web |last=Hill |first=Bill |publisher=Microsoft |date=2008-07-21}}</ref>
रिमोट फ़ॉन्ट को संदर्भित करने और स्वचालित रूप से डाउनलोड करने की तकनीक को पहले सीएसएस2 विनिर्देश में निर्दिष्ट किया गया था, जिसने <syntaxhighlight lang= CSS inline>@font-face</syntaxhighlight> निर्माण की शुरुआत की थी। उस समय, वेब से फ़ॉन्ट फ़ाइलें लाना विवादास्पद था क्योंकि फ़ॉन्ट लाइसेंस के उल्लंघन में केवल कुछ वेब पेजों के लिए उपयोग किए जाने वाले फ़ॉन्ट को डाउनलोड और इंस्टॉल किया जा सकता था।<ref>{{citation |url=http://blogs.msdn.com/ie/archive/2008/07/21/font-embedding-on-the-web.aspx |title=Font Embedding on the Web |last=Hill |first=Bill |publisher=Microsoft |date=2008-07-21}}</ref>


माइक्रोसॉफ्ट ने पहली बार 1997 में [[ इंटरनेट एक्सप्लोरर 4 |इंटरनेट एक्सप्लोरर 4]] में डाउनलोड करने योग्य [[ एंबेडेड ओपन टाइप |एंबेडेड ओपन टाइप]] फोंट के लिए समर्थन जोड़ा। लेखकों को प्रत्येक पृष्ठ के लिए सबसेटेड फ़ॉन्ट फ़ाइल बनाने के लिए मालिकाना [[ वेब एम्बेडिंग फ़ॉन्ट्स उपकरण |वेब एम्बेडिंग फ़ॉन्ट्स उपकरण]] टूल का उपयोग करना पड़ा। ईओटी ने दिखाया कि वेबफोंट काम कर सकता है और प्रारूप ने लेखन प्रणालियों में कुछ उपयोग देखा जो सामान्य [[ लेखन प्रणाली |लेखन प्रणाली]] द्वारा समर्थित नहीं हैं। हालाँकि, प्रारूप को व्यापक स्वीकृति कभी नहीं मिली और अंततः W3C द्वारा अस्वीकार कर दिया गया।<ref>[http://www.w3.org/Submission/2008/01/Comment W3C team comment]</ref>
माइक्रोसॉफ्ट ने पहली बार 1997 में [[ इंटरनेट एक्सप्लोरर 4 |इंटरनेट एक्सप्लोरर 4]] में डाउनलोड करने योग्य [[ एंबेडेड ओपन टाइप |एंबेडेड ओपन टाइप]] फ़ॉन्ट के लिए समर्थन जोड़ा। लेखकों को प्रत्येक पृष्ठ के लिए सबसेटेड फ़ॉन्ट फ़ाइल बनाने के लिए स्वामित्व [[ वेब एम्बेडिंग फ़ॉन्ट्स उपकरण |वेब एम्बेडिंग फ़ॉन्ट्स उपकरण]] टूल का उपयोग करना पड़ा। ईओटी ने दिखाया कि वेबफ़ॉन्ट काम कर सकता है और प्रारूप ने लेखन प्रणालियों में कुछ उपयोग देखा जो सामान्य [[ लेखन प्रणाली |लेखन प्रणाली]] द्वारा समर्थित नहीं हैं। चूँकि, प्रारूप को व्यापक स्वीकृति कभी नहीं मिली और अंततः W3C द्वारा अस्वीकार कर दिया गया।<ref>[http://www.w3.org/Submission/2008/01/Comment W3C team comment]</ref>


2006 में, Håkon Wium Lie ने EOT का उपयोग करने के खिलाफ अभियान शुरू किया और इसके बजाय वेब ब्राउज़र आमतौर पर उपयोग किए जाने वाले फ़ॉन्ट स्वरूपों का समर्थन करते हैं।<ref>[https://www.cnet.com/news/microsofts-forgotten-monopoly/ Microsoft's forgotten monopoly]</ref><ref>[http://people.opera.com/howcome/2008/atypi/ Web fonts: the view from the free world]</ref><ref>[http://www.alistapart.com/articles/cssatten CSS @ Ten: The Next Big Thing]</ref> सफारी (वेब ​​​​ब्राउज़र) | सफारी 3.1, ओपेरा 10, मोज़िला फ़ायरफ़ॉक्स 3.5 और [[ इंटरनेट एक्सप्लोरर 9 |इंटरनेट एक्सप्लोरर 9]] में आमतौर पर इस्तेमाल किए जाने वाले ट्रू टाइप और ओपन टाइप फ़ॉन्ट स्वरूपों के लिए समर्थन लागू किया गया है।
2006 में, हाकोन वियम लिे ने ईओटी का उपयोग करने के विरुद्ध अभियान प्रारंभ किया और इसके अतिरिक्त वेब ब्राउज़र सामान्यतः उपयोग किए जाने वाले फ़ॉन्ट स्वरूपों का समर्थन करते हैं।<ref>[https://www.cnet.com/news/microsofts-forgotten-monopoly/ Microsoft's forgotten monopoly]</ref><ref>[http://people.opera.com/howcome/2008/atypi/ Web fonts: the view from the free world]</ref><ref>[http://www.alistapart.com/articles/cssatten CSS @ Ten: The Next Big Thing]</ref> सफारी (वेब ​​​​ब्राउज़र) 3.1, ओपेरा 10, मोज़िला फ़ायरफ़ॉक्स 3.5 और [[ इंटरनेट एक्सप्लोरर 9 |इंटरनेट एक्सप्लोरर 9]] में सामान्यतः उपयोग किए जाने वाले ट्रू टाइप और ओपन टाइप फ़ॉन्ट स्वरूपों के लिए समर्थन प्रयुक्त किया गया है।


2010 में, [[ मोज़िला फाउंडेशन |मोज़िला फाउंडेशन]] , [[ ओपेरा सॉफ्टवेयर |ओपेरा सॉफ्टवेयर]] और माइक्रोसॉफ्ट द्वारा ट्रू टाइप और ओपन टाइप फोंट के लिए [[ वेब ओपन फ़ॉन्ट प्रारूप |वेब ओपन फ़ॉन्ट प्रारूप]] कम्प्रेशन मेथड W3C को सबमिट किया गया था और तब से ब्राउजरों ने अतिरिक्त समर्थन दिया है।<ref>[http://www.w3.org/Submission/2010/03/ WOFF File Format 1.0 Submission Request to W3C]</ref><ref>{{Citation |url=http://blogs.msdn.com/b/ie/archive/2010/04/23/meet-woff-the-standard-web-font-format.aspx |title=Meet WOFF, The Standard Web Font Format |first=Sylvain |last=Galineau |date=2010-04-23 |publisher=Microsoft}}</ref><ref>{{citation|url=https://people.mozilla.org/~jkew/woff/|title=WOFF conversion reference code|access-date=May 8, 2016}}</ref>
2010 में, [[ मोज़िला फाउंडेशन |मोज़िला फाउंडेशन]] , [[ ओपेरा सॉफ्टवेयर |ओपेरा सॉफ्टवेयर]] और माइक्रोसॉफ्ट द्वारा ट्रू टाइप और ओपन टाइप फ़ॉन्ट के लिए [[ वेब ओपन फ़ॉन्ट प्रारूप |वेब ओपन फ़ॉन्ट प्रारूप]] कम्प्रेशन मेथड W3C को सबमिट किया गया था और तब से ब्राउजरों ने अतिरिक्त समर्थन दिया है।<ref>[http://www.w3.org/Submission/2010/03/ WOFF File Format 1.0 Submission Request to W3C]</ref><ref>{{Citation |url=http://blogs.msdn.com/b/ie/archive/2010/04/23/meet-woff-the-standard-web-font-format.aspx |title=Meet WOFF, The Standard Web Font Format |first=Sylvain |last=Galineau |date=2010-04-23 |publisher=Microsoft}}</ref><ref>{{citation|url=https://people.mozilla.org/~jkew/woff/|title=WOFF conversion reference code|access-date=May 8, 2016}}</ref>


Google फ़ॉन्ट्स को 2010 में ओपन-सोर्स सॉफ़्टवेयर#फ्री सॉफ़्टवेयर|ओपन-सोर्स लाइसेंस के तहत वेबफ़ॉन्ट की सेवा के लिए लॉन्च किया गया था। 2016 तक, 800 से अधिक वेबफॉन्ट परिवार उपलब्ध हैं।<ref>{{cite news|title=नया Google फ़ॉन्ट्स डेटाबेस एक डिज़ाइन गीक का स्वर्ग है|url=https://www.theverge.com/2016/6/15/11950320/google-fonts-website-redesign-2016|website=Theverge.com|access-date=24 August 2016}}</ref>
गूगल फ़ॉन्ट्स को 2010 में ओपन-सोर्स लाइसेंस के अनुसार वेबफोन्स की सेवा के लिए लॉन्च किया गया था। 2016 तक, 800 से अधिक वेबफॉन्ट परिवार उपलब्ध हैं।<ref>{{cite news|title=नया Google फ़ॉन्ट्स डेटाबेस एक डिज़ाइन गीक का स्वर्ग है|url=https://www.theverge.com/2016/6/15/11950320/google-fonts-website-redesign-2016|website=Theverge.com|access-date=24 August 2016}}</ref>


वेबफॉन्ट वेब डिजाइनरों के लिए महत्वपूर्ण उपकरण बन गया है और 2016 तक अधिकांश साइटें वेबफोंट का उपयोग करती हैं।<ref>Richard Fink (2016-09-06)[https://alistapart.com/article/webfonts-on-the-prairie Webfonts on the Prairie], Alist Apart</ref>
वेबफॉन्ट वेब डिजाइनरों के लिए महत्वपूर्ण उपकरण बन गया है और 2016 तक अधिकांश साइटें वेबफ़ॉन्ट का उपयोग करती हैं।<ref>Richard Fink (2016-09-06)[https://alistapart.com/article/webfonts-on-the-prairie Webfonts on the Prairie], Alist Apart</ref>






=== फ़ाइल प्रारूप ===
=== फ़ाइल प्रारूप ===
विशिष्ट CSS <syntaxhighlight lang= CSS inline>@font-face</syntaxhighlight> एम्बेडिंग तकनीक का उपयोग करके<ref>{{citation |url=http://randsco.com/index.php/2009/07/04/cross_browser_font_embedding |title=xBrowser Fonts&nbsp;— Expand Your Font Palette Using CSS3 |last=Kimler |first=Scott Thomas |date=2009-07-04 |access-date= 2010-02-05}}</ref> फोंट एम्बेड करना संभव है जैसे कि वे आईई4+, फायरफॉक्स 3.5+, सफारी 3.1+, ओपेरा 10+ और क्रोम 4.0+ के साथ काम करते हैं। यह अधिकांश वेब उपयोगकर्ताओं को इस कार्यक्षमता तक पहुँचने की अनुमति देता है। कुछ व्यावसायिक फाउंड्री अपने फोंट के पुनर्वितरण पर आपत्ति जताते हैं। उदाहरण के लिए, हॉफलर और फ्रेरे-जोन्स का कहना है कि, जबकि वे अधिक अभिव्यंजक वेब के उद्भव का उत्साहपूर्वक [समर्थन] करते हैं, जिसमें डिजाइनर सुरक्षित रूप से और विश्वसनीय रूप से उच्च गुणवत्ता वाले फोंट का ऑनलाइन उपयोग कर सकते हैं, <syntaxhighlight lang का उपयोग करके फोंट की वर्तमान डिलीवरी = CSS इनलाइन>@फ़ॉन्ट-फेस</syntaxhighlight> को फाउंड्री द्वारा अवैध वितरण माना जाता है और इसकी अनुमति नहीं है।<ref>{{cite web|url=http://www.slideshare.net/novemberborn/geek-meet-web-typography-and-sifr-3#15|title=गीक मीट: वेब टाइपोग्राफी और एसआईएफआर 3 - स्लाइड 15 और 16|last=Wubben|first=Mark|date=February 27, 2009|publisher=[[SlideShare]]|access-date=17 March 2010}}</ref> इसके बजाय, होफलर एंड कंपनी क्लाउड में निहित मालिकाना फ़ॉन्ट वितरण प्रणाली की पेशकश करती है। कई अन्य वाणिज्यिक प्रकार की फाउंड्रीज़ विशिष्ट लाइसेंस की पेशकश करके अपने फोंट के पुनर्वितरण को संबोधित करती हैं, जिसे वेब फॉन्ट लाइसेंस के रूप में जाना जाता है, जो वेब पर सामग्री प्रदर्शित करने के लिए फ़ॉन्ट सॉफ़्टवेयर के उपयोग की अनुमति देता है, आमतौर पर बुनियादी डेस्कटॉप लाइसेंस द्वारा निषिद्ध उपयोग। स्वाभाविक रूप से यह मुफ्त लाइसेंस के तहत फोंट और फाउंड्री में हस्तक्षेप नहीं करता है।<ref group=m>See [[:Category:Open-source typefaces|Open-source typefaces]] and [[:Category:Free software Unicode typefaces|Free software Unicode typefaces]] listings for such fonts.</ref>
विशिष्ट सीएसएस <syntaxhighlight lang= CSS inline>@font-face</syntaxhighlight> एम्बेडिंग तकनीक का उपयोग करके<ref>{{citation |url=http://randsco.com/index.php/2009/07/04/cross_browser_font_embedding |title=xBrowser Fonts&nbsp;— Expand Your Font Palette Using CSS3 |last=Kimler |first=Scott Thomas |date=2009-07-04 |access-date= 2010-02-05}}</ref> फ़ॉन्ट एम्बेड करना संभव है जैसे कि वे आईई4+, फायरफॉक्स 3.5+, सफारी 3.1+, ओपेरा 10+ और क्रोम 4.0+ के साथ काम करते हैं। यह अधिकांश वेब उपयोगकर्ताओं को इस कार्यक्षमता तक पहुँचने की अनुमति देता है। कुछ व्यावसायिक फाउंड्री अपने फ़ॉन्ट के पुनर्वितरण पर आपत्ति जताते हैं। उदाहरण के लिए, हॉफलर और फ्रेरे-जोन्स का कहना है कि, जबकि वे अधिक अभिव्यंजक वेब के उद्भव का उत्साहपूर्वक [समर्थन] करते हैं, जिसमें डिजाइनर सुरक्षित रूप से और विश्वसनीय रूप से उच्च गुणवत्ता वाले फ़ॉन्ट का ऑनलाइन उपयोग कर सकते हैं, <syntaxhighlight lang="d">
@font-face
</syntaxhighlight> उपयोग करके फोंट की वर्तमान डिलीवरी फ़ॉन्ट-फेस को फाउंड्री द्वारा अवैध वितरण माना जाता है और इसकी अनुमति नहीं है।<ref>{{cite web|url=http://www.slideshare.net/novemberborn/geek-meet-web-typography-and-sifr-3#15|title=गीक मीट: वेब टाइपोग्राफी और एसआईएफआर 3 - स्लाइड 15 और 16|last=Wubben|first=Mark|date=February 27, 2009|publisher=[[SlideShare]]|access-date=17 March 2010}}</ref> इसके अतिरिक्त, होफलर एंड कंपनी क्लाउड में निहित स्वामित्व फ़ॉन्ट वितरण प्रणाली की प्रस्तुति करती है। कई अन्य वाणिज्यिक प्रकार की फाउंड्रीज़ विशिष्ट लाइसेंस की प्रस्तुति करके अपने फ़ॉन्ट के पुनर्वितरण को संबोधित करती हैं, जिसे वेब फॉन्ट लाइसेंस के रूप में जाना जाता है, जो वेब पर सामग्री को प्रदर्शित करने के लिए फ़ॉन्ट सॉफ़्टवेयर के उपयोग की अनुमति देता है, जिसका उपयोग सामान्य रूप से मौलिक डेस्कटॉप लाइसेंस द्वारा प्रतिबंधित है। स्वाभाविक रूप से यह मुफ्त लाइसेंस के अनुसार फ़ॉन्ट और फाउंड्री में हस्तक्षेप नहीं करता है।<ref group=m>See [[:Category:Open-source typefaces|Open-source typefaces]] and [[:Category:Free software Unicode typefaces|Free software Unicode typefaces]] listings for such fonts.</ref>




==== [[ ट्रूडॉक ]] ====
==== [[ ट्रूडॉक ]] ====
ट्रूडॉक, जबकि विशेष रूप से वेबफॉन्ट विनिर्देशन नहीं है, फॉन्ट एम्बेड करने के लिए पहला मानक था। यह 1994 में टाइप फाउंड्री बिटस्ट्रीम इंक. 6 जारी किया गया था। इंटरनेट एक्सप्लोरर में ट्रूडॉक के लिए समर्थन जोड़ने के लिए [[ ActiveX |ActiveX]] प्लगइन उपलब्ध था, लेकिन तकनीक को माइक्रोसॉफ्ट के एम्बेडेड ओपनटाइप फोंट के खिलाफ प्रतिस्पर्धा करनी पड़ी, जो संस्करण 4.0 के बाद से अपने इंटरनेट एक्सप्लोरर ब्राउज़र में मूल रूप से समर्थित थी।<ref>{{cite book|last1=Niederst|first1=Jennifer|title=संक्षेप में वेब डिज़ाइन: एक डेस्कटॉप त्वरित संदर्भ|date=2001|publisher=O'Reilly|isbn=0-596-00196-7|page=[https://archive.org/details/webdesigninnutsh00nied_0/page/36 36]|edition=2nd|url=https://archive.org/details/webdesigninnutsh00nied_0|url-access=registration|quote=ट्रूडॉक किस वर्ष विकसित किया गया था.|access-date=20 March 2016}}</ref> अन्य बाधा ट्रूडॉक प्रारूप में वेबफोंट बनाने के लिए ओपन-सोर्स या फ्री टूल की कमी थी, जबकि माइक्रोसॉफ्ट ने अपने प्रारूप में वेबफोन बनाने के लिए मुफ्त वेब एंबेडिंग फ़ॉन्ट्स टूल उपलब्ध कराया था।
ट्रूडॉक, जबकि विशेष रूप से एक वेबफॉन्ट विनिर्देशन नहीं है, फॉन्ट एम्बेड करने के लिए पहला मानक था। यह 1994 में टाइप फाउंड्री बिटस्ट्रीम द्वारा विकसित किया गया था। इंटरनेट एक्सप्लोरर में ट्रूडॉक के लिए समर्थन जोड़ने के लिए [[ ActiveX |एक्टिवएक्स]] प्लगइन उपलब्ध था, लेकिन तकनीक को माइक्रोसॉफ्ट के एम्बेडेड ओपनटाइप फ़ॉन्ट के विरुद्ध प्रतिस्पर्धा करनी पड़ी, जो संस्करण 4.0 के बाद से अपने इंटरनेट एक्सप्लोरर ब्राउज़र में मूल रूप से समर्थित थी।<ref>{{cite book|last1=Niederst|first1=Jennifer|title=संक्षेप में वेब डिज़ाइन: एक डेस्कटॉप त्वरित संदर्भ|date=2001|publisher=O'Reilly|isbn=0-596-00196-7|page=[https://archive.org/details/webdesigninnutsh00nied_0/page/36 36]|edition=2nd|url=https://archive.org/details/webdesigninnutsh00nied_0|url-access=registration|quote=ट्रूडॉक किस वर्ष विकसित किया गया था.|access-date=20 March 2016}}</ref> अन्य बाधा ट्रूडॉक प्रारूप में वेबफ़ॉन्ट बनाने के लिए ओपन-सोर्स या फ्री टूल की कमी थी, जबकि माइक्रोसॉफ्ट ने अपने प्रारूप में वेबफोन बनाने के लिए मुफ्त वेब एंबेडिंग फ़ॉन्ट्स टूल उपलब्ध कराया था।


==== एंबेडेड ओपन टाइप ====
==== एंबेडेड ओपन टाइप ====
इंटरनेट एक्सप्लोरर ने संस्करण 4.0 के बाद से मालिकाना एंबेडेड ओपनटाइप मानक के माध्यम से फ़ॉन्ट एम्बेडिंग का समर्थन किया है। यह फ़ॉन्ट्स को कॉपी किए जाने और लाइसेंस के बिना उपयोग किए जाने से रोकने में मदद करने के लिए [[ डिजिटल अधिकार प्रबंधन |डिजिटल अधिकार प्रबंधन]] तकनीकों का उपयोग करता है। सीडब्ल्यूटी (संगतता वेब प्रकार, पूर्व में ईओटी-लाइट) के नाम के तहत ईओटी का सरलीकृत उपसमुच्चय औपचारिक रूप दिया गया है।<ref>{{citation |url=http://lists.w3.org/Archives/Public/www-font/2009JulSep/0969.html |title=EOT-Lite File Format v.1.1 |last=Daggett |first=John |date=2009-07-31 |publisher=[[World Wide Web Consortium]] |access-date=2010-01-30}}</ref>
इंटरनेट एक्सप्लोरर ने संस्करण 4.0 के बाद से स्वामित्व एंबेडेड ओपनटाइप मानक के माध्यम से फ़ॉन्ट एम्बेडिंग का समर्थन किया है। यह फ़ॉन्ट्स को कॉपी किए जाने और लाइसेंस के बिना उपयोग किए जाने से रोकने में सहायता करने के लिए [[ डिजिटल अधिकार प्रबंधन |डिजिटल अधिकार प्रबंधन]] तकनीकों का उपयोग करता है। सीडब्ल्यूटी (संगतता वेब प्रकार, पूर्व में ईओटी-लाइट) के नाम के अनुसार ईओटी का सरलीकृत उपसमुच्चय औपचारिक रूप दिया गया है।<ref>{{citation |url=http://lists.w3.org/Archives/Public/www-font/2009JulSep/0969.html |title=EOT-Lite File Format v.1.1 |last=Daggett |first=John |date=2009-07-31 |publisher=[[World Wide Web Consortium]] |access-date=2010-01-30}}</ref>




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


#SVG 1.1 विनिर्देश के सभी संस्करण, जिसमें स्केलेबल वेक्टर ग्राफिक्स#मोबाइल प्रोफाइल सबसेट शामिल है, फ़ॉन्ट मॉड्यूल को परिभाषित करता है जो SVG दस्तावेज़ के भीतर फोंट के निर्माण की अनुमति देता है। सफारी (वेब ​​ब्राउज़र) ने संस्करण 3 में इनमें से कई गुणों के लिए समर्थन पेश किया। [[ ओपेरा (वेब ​​ब्राउज़र) ]] ने संस्करण 8.0 में प्रारंभिक समर्थन जोड़ा, 9.0 में अधिक गुणों के समर्थन के साथ।
[[ स्केलेबल वेक्टर ग्राफिक्स ]]
#SVG विनिर्देश CSS कोएचटीएमएल  दस्तावेज़ों की तरह ही SVG दस्तावेज़ों पर लागू करने देता है, और <syntaxhighlight lang= CSS inline>@font-face</syntaxhighlight> नियम को SVG दस्तावेज़ों में टेक्स्ट पर लागू किया जा सकता है। ओपेरा ने इसके लिए संस्करण 10 में समर्थन जोड़ा,<ref>{{citation |url=http://dev.opera.com/articles/view/presto-2-2-and-opera-10-a-first-look/#webfontssvg |title=Opera Presto 2.2 and Opera 10&nbsp;— a first look |last=Mills |first=Chris |date=2008-12-04 |publisher=[[Opera Software]]|access-date=2010-01-30}}</ref> और संस्करण 325 से [[ वेबकिट ]] भी केवल [[ एसवीजी फोंट ]] का उपयोग करके इस विधि का समर्थन करता है।


स्केलेबल वेक्टर ग्राफिक्स फ़ॉन्ट्स ===
वेब टाइपोग्राफी स्केलेबल वेक्टर ग्राफिक्स पर दो प्रकार से प्रयुक्त होती है:
एसवीजी फोंट एसवीजी ग्राफिक का उपयोग करते हुए फोंट का डब्ल्यू3सी मानक था जो ओपनटाइप फोंट का सबसेट बन गया।<ref>{{citation |url=http://www.w3.org/2013/10/SVG_in_OpenType/| title=SVG in OpenType |publisher=W3C |access-date=2014-09-20}}</ref> इसने बहुरंगा की अनुमति दी<ref>{{citation |url=http://pixelambacht.nl/2014/multicolor-fonts/ |title=Colorful typography on the web: get ready for multicolor fonts |publisher=Pixel Ambacht |access-date=2014-09-20}}</ref> या एनिमेटेड फोंट।<ref>{{citation |url=https://people.mozilla.org/~jkew/opentype-svg/soccer.html |title=Anymated Glyph Example |publisher=people.Mozilla |access-date=2014-09-20}}</ref> यह पहले SVG 1.1 विनिर्देशों का सबसेट था<ref>{{citation |url=http://www.w3.org/TR/SVG/fonts.html |title=Fonts |publisher=W3C |access-date=2014-09-20}}</ref> लेकिन इसे बहिष्कृत कर दिया गया है<ref>{{citation |url=https://www.w3.org/TR/SVG2/changes.html#fonts|title=Fonts chapter |publisher=W3C |access-date=2018-03-08}}</ref> एसवीजी 2.0 विनिर्देश में। स्वतंत्र प्रारूप के रूप में एसवीजी फोंट आईई और फ़ायरफ़ॉक्स के अलावा अधिकांश ब्राउज़रों द्वारा समर्थित है, और क्रोम (और क्रोमियम) में बहिष्कृत है।<ref>{{citation |url=http://caniuse.com/svg-fonts |title=Can I Use SVG fonts |publisher=CanIuse |access-date=2014-09-20}}</ref> वह अब आम तौर पर पदावनत हो गया है; अधिकांश ब्राउज़र विक्रेता जिस मानक से सहमत हैं, वह SVG फ़ॉन्ट सबसेट है जो OpenType (और फिर WOFF सुपरसेट, नीचे देखें) में शामिल है, जिसे [[ SVGOpenTypeFonts ]] कहा जाता है।<ref>{{citation |url=https://wiki.mozilla.org/SVGOpenTypeFonts |title=SVGOpenTypeFonts |publisher=Mozilla |access-date=2014-09-20}}</ref> फ़ायरफ़ॉक्स ने फ़ायरफ़ॉक्स 26 के बाद से एसवीजी ओपनटाइप का समर्थन किया है।
 
#स्केलेबल वेक्टर ग्राफिक्स 1.1 विनिर्देश के सभी संस्करण, जिसमें स्केलेबल वेक्टर ग्राफिक्स मोबाइल प्रोफाइल सबसेट सम्मिलित है, फ़ॉन्ट मॉड्यूल को परिभाषित करता है जो SVG दस्तावेज़ के अन्दर फ़ॉन्ट के निर्माण की अनुमति देता है। सफारी (वेब ​​ब्राउज़र) ने संस्करण 3 में इनमें से कई गुणों के लिए समर्थन प्रस्तुत किया। [[ ओपेरा (वेब ​​ब्राउज़र) |ओपेरा (वेब ​​ब्राउज़र)]] ने संस्करण 8.0 में 9.0 में अधिक गुणों के समर्थन के साथ प्रारंभिक समर्थन जोड़ा।
#स्केलेबल वेक्टर ग्राफिक्स विनिर्देश CSS कोएचटीएमएल दस्तावेज़ों के प्रकार ही SVG दस्तावेज़ों पर प्रयुक्त करने देता है, और <syntaxhighlight lang="CSS" inline="">@font-face</syntaxhighlight> नियम को SVG दस्तावेज़ों में टेक्स्ट पर प्रयुक्त किया जा सकता है। ओपेरा ने इसके लिए संस्करण 10 में समर्थन जोड़ा,<ref>{{citation |url=http://dev.opera.com/articles/view/presto-2-2-and-opera-10-a-first-look/#webfontssvg |title=Opera Presto 2.2 and Opera 10&nbsp;— a first look |last=Mills |first=Chris |date=2008-12-04 |publisher=[[Opera Software]]|access-date=2010-01-30}}</ref> और संस्करण 325 से [[ वेबकिट |वेबकिट]] भी केवल [[ एसवीजी फोंट |एसवीजी फ़ॉन्ट]] का उपयोग करके इस विधि का समर्थन करता है।
 
[[ स्केलेबल वेक्टर ग्राफिक्स |स्केलेबल वेक्टर ग्राफिक्स फ़ॉन्ट्स]] 
 
एसवीजी फ़ॉन्ट एसवीजी ग्राफिक का उपयोग करते हुए फ़ॉन्ट का डब्ल्यू3सी मानक था जो ओपनटाइप फ़ॉन्ट का सबसेट बन गया।<ref>{{citation |url=http://www.w3.org/2013/10/SVG_in_OpenType/| title=SVG in OpenType |publisher=W3C |access-date=2014-09-20}}</ref> इसने बहुरंगा<ref>{{citation |url=http://pixelambacht.nl/2014/multicolor-fonts/ |title=Colorful typography on the web: get ready for multicolor fonts |publisher=Pixel Ambacht |access-date=2014-09-20}}</ref> या एनिमेटेड फ़ॉन्ट की अनुमति दी।<ref>{{citation |url=https://people.mozilla.org/~jkew/opentype-svg/soccer.html |title=Anymated Glyph Example |publisher=people.Mozilla |access-date=2014-09-20}}</ref> यह पहले SVG 1.1 विनिर्देशों का सबसेट था<ref>{{citation |url=http://www.w3.org/TR/SVG/fonts.html |title=Fonts |publisher=W3C |access-date=2014-09-20}}</ref> लेकिन एसवीजी 2.0 विनिर्देश में इसे बहिष्कृत कर दिया गया है।<ref>{{citation |url=https://www.w3.org/TR/SVG2/changes.html#fonts|title=Fonts chapter |publisher=W3C |access-date=2018-03-08}}</ref> स्वतंत्र प्रारूप के रूप में एसवीजी फ़ॉन्ट आईई और फ़ायरफ़ॉक्स के अतिरिक्त अधिकांश ब्राउज़रों द्वारा समर्थित है, और क्रोम (और क्रोमियम) में बहिष्कृत है।<ref>{{citation |url=http://caniuse.com/svg-fonts |title=Can I Use SVG fonts |publisher=CanIuse |access-date=2014-09-20}}</ref> वह अब सामान्यतः पदावनत हो गया है; वह मानक जिसके साथ अधिकांश ब्राउज़र विक्रेता सहमत थे, वह SVG फ़ॉन्ट सबसेट है जो ओपनटाइप (और फिर WOFF सुपरसेट, नीचे देखें) में सम्मिलित है, जिसे [[ SVGOpenTypeFonts |एसवीजी ओपन टाइप फ़ॉन्ट्स]] कहा जाता है।<ref>{{citation |url=https://wiki.mozilla.org/SVGOpenTypeFonts |title=SVGOpenTypeFonts |publisher=Mozilla |access-date=2014-09-20}}</ref> फ़ायरफ़ॉक्स ने फ़ायरफ़ॉक्स 26 के बाद से एसवीजी ओपनटाइप का समर्थन किया है।


==== ट्रू टाइप/ओपन टाइप ====
==== ट्रू टाइप/ओपन टाइप ====
{{main|TrueType|OpenType}}
{{main|ट्रू टाइप|ओपनटाइप}}
उद्योग-मानक ट्रू टाइप (TTF) और ओपन टाइप (TTF/OTF) फोंट से लिंकिंग द्वारा समर्थित है
 
मोज़िला फ़ायरफ़ॉक्स 3.5+, ओपेरा 10+,<ref>{{citation |url=http://www.opera.com/docs/specs/presto22/#css |title=Opera Presto 2.2 and Opera 10&nbsp;— a first look |last=Mills |first=Chris |publisher=Opera Developer Community |access-date=2010-01-29 |date=2008-12-04}}</ref> सफारी 3.1+,<ref>{{citation |url=http://www.appleinsider.com/articles/08/02/07/apples_safari_3_1_to_support_downloadable_web_fonts_more.html |title=Apple's Safari 3.1 to support downloadable web fonts, more |last=Marsal |first=Katie |date=2008-02-07 |publisher=[[AppleInsider]] |access-date=2010-02-05}}</ref> और गूगल क्रोम 4.0+।<ref>{{citation |url=http://paulirish.com/2009/chrome-and-font-face-a-summary/ |title=Chrome and @font-face: It's here! |date=2010-01-25 |last=Irish |first=Paul}}</ref> इन्टरनेट एक्स्प्लोरेर 9+ केवल उन फ़ॉन्ट्स का समर्थन करता है जिनकी एम्बेडिंग अनुमतियाँ इंस्टॉल करने योग्य पर सेट हैं।<ref>{{citation |url=http://blogs.msdn.com/b/ie/archive/2010/07/15/the-css-corner-better-web-typography-for-better-design.aspx |title=The CSS Corner: Better Web Typography For Better Design |date=2010-07-15 |publisher=Microsoft |first=Sylvain |last=Galineau}}</ref>
उद्योग-मानक ट्रू टाइप (टीटीएफ) और ओपन टाइप (टीटीएफ/ओटीएफ) फ़ॉन्ट से लिंकिंग द्वारा समर्थित है
 
मोज़िला फ़ायरफ़ॉक्स 3.5+, ओपेरा 10+,<ref>{{citation |url=http://www.opera.com/docs/specs/presto22/#css |title=Opera Presto 2.2 and Opera 10&nbsp;— a first look |last=Mills |first=Chris |publisher=Opera Developer Community |access-date=2010-01-29 |date=2008-12-04}}</ref> सफारी 3.1+,<ref>{{citation |url=http://www.appleinsider.com/articles/08/02/07/apples_safari_3_1_to_support_downloadable_web_fonts_more.html |title=Apple's Safari 3.1 to support downloadable web fonts, more |last=Marsal |first=Katie |date=2008-02-07 |publisher=[[AppleInsider]] |access-date=2010-02-05}}</ref> और गूगल क्रोम 4.0+।<ref>{{citation |url=http://paulirish.com/2009/chrome-and-font-face-a-summary/ |title=Chrome and @font-face: It's here! |date=2010-01-25 |last=Irish |first=Paul}}</ref> इन्टरनेट एक्स्प्लोरेर 9+ केवल उन फ़ॉन्ट्स का समर्थन करता है जिनकी एम्बेडिंग अनुमतियाँ इंस्टॉल करने योग्य पर सेट हैं।<ref>{{citation |url=http://blogs.msdn.com/b/ie/archive/2010/07/15/the-css-corner-better-web-typography-for-better-design.aspx |title=The CSS Corner: Better Web Typography For Better Design |date=2010-07-15 |publisher=Microsoft |first=Sylvain |last=Galineau}}</ref>
 




==== वेब ओपन फॉन्ट फॉर्मेट ====
==== वेब ओपन फॉन्ट फॉर्मेट ====
{{main|Web Open Font Format}}
{{main|वेब ओपन फ़ॉन्ट प्रारूप}}
वेब ओपन फॉन्ट फॉर्मेट (WOFF) कम्प्रेशन और अतिरिक्त मेटाडेटा के साथ अनिवार्य रूप से ओपन टाइप या [[ ट्रू टाइप ]] है। WOFF Mozilla Firefox 3.6+ द्वारा समर्थित है,<ref>{{citation |url=http://blog.mozilla.com/blog/2009/10/20/mozilla-supports-web-open-font-format/ |title=Mozilla Supports Web Open Font Format |last=Shapiro |first=Melissa |date=2009-10-20 |publisher=Mozilla |access-date=2010-02-05}}</ref> [[ गूगल क्रोम ]] 5+,<ref>{{citation |url=http://www.webmonkey.com/2010/04/google-chrome-to-support-the-web-open-font-format |title=Google Chrome to Support the Web Open Font Format |date=2010-04-26 |publisher=webmonkey |first=Scott |last=Gilbertson}}</ref><ref>{{citation |url=https://bugs.webkit.org/show_bug.cgi?id=38217 |title=Bug 38217 - {{Bracket|chromium}} Add WOFF support |publisher=WebKit}}</ref>
ओपेरा (वेब ​​ब्राउज़र) [[ प्रेस्टो (लेआउट इंजन) ]],<ref>{{Citation |url=http://www.opera.com/docs/specs/presto27/ |title=Web specifications support in Opera Presto 2.7 |publisher=Opera}}</ref>
और इंटरनेट एक्सप्लोरर 9 (14 मार्च, 2011 से) द्वारा समर्थित है।<ref>{{citation |url=http://blogs.msdn.com/ie/archive/2010/04/23/meet-woff-the-standard-web-font-format.aspx |title=Meet WOFF, The Standard Web Font Format |date=2010-04-23 |publisher=Microsoft |first=Sylvain |last=Galineau}}</ref> रिलीज़ 5.1 से Mac OS X Lion Safari (वेब ​​ब्राउज़र) पर समर्थन उपलब्ध है।


== [[ यूनिकोड ]] फोंट ==
वेब ओपन फॉन्ट फॉर्मेट (डब्लूओएफएफ) कम्प्रेशन और अतिरिक्त मेटाडेटा के साथ अनिवार्य रूप से ओपन टाइप या [[ ट्रू टाइप |ट्रू टाइप]] है। डब्लूओएफएफ मोजिल्ला फायरफॉक्स 3.6+<ref>{{citation |url=http://blog.mozilla.com/blog/2009/10/20/mozilla-supports-web-open-font-format/ |title=Mozilla Supports Web Open Font Format |last=Shapiro |first=Melissa |date=2009-10-20 |publisher=Mozilla |access-date=2010-02-05}}</ref> [[ गूगल क्रोम |गूगल क्रोम]] 5+,<ref>{{citation |url=http://www.webmonkey.com/2010/04/google-chrome-to-support-the-web-open-font-format |title=Google Chrome to Support the Web Open Font Format |date=2010-04-26 |publisher=webmonkey |first=Scott |last=Gilbertson}}</ref><ref>{{citation |url=https://bugs.webkit.org/show_bug.cgi?id=38217 |title=Bug 38217 - {{Bracket|chromium}} Add WOFF support |publisher=WebKit}}</ref> ओपेरा (वेब ​​ब्राउज़र) [[ प्रेस्टो (लेआउट इंजन) |प्रेस्टो (लेआउट इंजन)]] द्वारा समर्थित है,<ref>{{Citation |url=http://www.opera.com/docs/specs/presto27/ |title=Web specifications support in Opera Presto 2.7 |publisher=Opera}}</ref>
[[ Microsoft Windows ]] प्लेटफ़ॉर्म पर डिफ़ॉल्ट रूप से उपलब्ध केवल दो फ़ॉन्ट, [[ Microsoft Sans Serif ]] और [[ Lucida Sans Unicode ]], विस्तृत यूनिकोड वर्ण प्रदर्शनों की सूची प्रदान करते हैं। वरदाना#संयोजन वर्ण बग (और विभिन्न उपयोगकर्ता एजेंटों द्वारा इसे अलग-अलग संभालना) इसकी उपयोगिता में बाधा डालता है जहां वर्णों का संयोजन वांछित है।


[[ लिनक्स ]], जीएनयू यूनिफॉन्ट और [[ जीएनयू फ्रीफॉन्ट ]] जैसे [[ मुफ़्त और ओपन-सोर्स सॉफ़्टवेयर ]] प्लेटफॉर्म पर यूनिकोड कैरेक्टर की विस्तृत श्रृंखला प्रदान करते हैं।
और इंटरनेट एक्सप्लोरर 9 (14 मार्च, 2011 से) द्वारा समर्थित है।<ref>{{citation |url=http://blogs.msdn.com/ie/archive/2010/04/23/meet-woff-the-standard-web-font-format.aspx |title=Meet WOFF, The Standard Web Font Format |date=2010-04-23 |publisher=Microsoft |first=Sylvain |last=Galineau}}</ref> रिलीज़ 5.1 से मैक ओएस एक्स लायन की सफारी (वेब ​​ब्राउज़र) पर समर्थन उपलब्ध है।
 
== [[ यूनिकोड | यूनिकोड]] फ़ॉन्ट ==
[[ Microsoft Windows |माइक्रोसॉफ्ट विंडोज]] प्लेटफ़ॉर्म पर डिफ़ॉल्ट रूप से उपलब्ध केवल दो फ़ॉन्ट, [[ Microsoft Sans Serif |माइक्रोसॉफ्ट सैन्स सेरिफ़]] और [[ Lucida Sans Unicode |ल्यूसिडा सैन्स यूनिकोड]] , विस्तृत यूनिकोड वर्ण प्रदर्शनों की सूची प्रदान करते हैं। वर्दाना में एक बग (और विभिन्न उपयोगकर्ता एजेंटों द्वारा इसे अलग-अलग संभालना) इसकी उपयोगिता में बाधा डालता है जहां वर्णों का संयोजन वांछित है।
 
[[ लिनक्स ]], जीएनयू यूनिफॉन्ट और [[ जीएनयू फ्रीफॉन्ट |जीएनयू फ्रीफॉन्ट]] जैसे [[ मुफ़्त और ओपन-सोर्स सॉफ़्टवेयर |मुफ़्त और ओपन-सोर्स सॉफ़्टवेयर]] प्लेटफॉर्म पर यूनिकोड कैरेक्टर की विस्तृत श्रृंखला प्रदान करते हैं।


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


एक अन्य तकनीक छवि प्रतिस्थापन है। इस अभ्यास में वांछित फ़ॉन्ट में लिखे गए समान पाठ वाली छवि के साथ पाठ को ओवरले करना शामिल है। यह सौंदर्य संबंधी उद्देश्यों के लिए अच्छा है, लेकिन पाठ चयन को रोकता है, बैंडविड्थ उपयोग को बढ़ाता है, खोज इंजन अनुकूलन के लिए बुरा है, और विकलांग उपयोगकर्ताओं के लिए पाठ वेब को सुगम बनाता है।{{cn|date=July 2022}}
एक अन्य तकनीक छवि प्रतिस्थापन है। इस अभ्यास में वांछित फ़ॉन्ट में लिखे गए समान टेक्स्ट वाली छवि के साथ टेक्स्ट को ओवरले करना सम्मिलित है। यह सौंदर्य संबंधी उद्देश्यों के लिए अच्छा है, लेकिन टेक्स्ट चयन को रोकता है, बैंडविड्थ उपयोग को बढ़ाता है, खोज इंजन अनुकूलन के लिए बुरा है, और विकलांग उपयोगकर्ताओं के लिए टेक्स्ट वेब को सुगम बनाता है।{{cn|date=July 2022}}
पूर्व में, [[ Adobe Flash ]]-आधारित समाधान जैसे कि [[ sIFR ]] का उपयोग किया जाता था। यह छवि प्रतिस्थापन तकनीकों के समान है, हालांकि पाठ चयन योग्य है और वेक्टर के रूप में प्रस्तुत किया गया है। हालाँकि, इस पद्धति के लिए क्लाइंट के सिस्टम पर मालिकाना प्लगइन की उपस्थिति की आवश्यकता होती है।
 
पूर्व में, [[ Adobe Flash |एडोब फ़्लैश]] -आधारित समाधान जैसे कि [[ sIFR |सिफर]] का उपयोग किया जाता था। यह छवि प्रतिस्थापन तकनीकों के समान है, चूंकि टेक्स्ट चयन योग्य है और वेक्टर के रूप में प्रस्तुत किया गया है। चूँकि, इस पद्धति के लिए क्लाइंट के सिस्टम पर स्वामित्व प्लगइन की उपस्थिति की आवश्यकता होती है।
 
एक अन्य समाधान टेक्स्ट को [[ वीएमएल |वीएमएल]] (इंटरनेट एक्सप्लोरर के लिए) या स्केलेबल वेक्टर ग्राफिक्स (अन्य सभी ब्राउज़रों के लिए) के साथ बदलने के लिए जावास्क्रिप्ट का उपयोग कर रहा है।<ref>[https://github.com/sorccu/cufon/wiki/About About Cufon]</ref>


एक अन्य समाधान पाठ को [[ वीएमएल ]] (इंटरनेट एक्सप्लोरर के लिए) या स्केलेबल वेक्टर ग्राफिक्स (अन्य सभी ब्राउज़रों के लिए) के साथ बदलने के लिए जावास्क्रिप्ट का उपयोग कर रहा है।<ref>[https://github.com/sorccu/cufon/wiki/About About Cufon]</ref>




Line 155: Line 165:
[[श्रेणी:वेब डिजाइन]]
[[श्रेणी:वेब डिजाइन]]


 
[[Category:All articles with unsourced statements|Web Typography]]
[[Category: Machine Translated Page]]
[[Category:Articles containing Chinese-language text|Web Typography]]
[[Category:Created On 01/01/2023]]
[[Category:Articles with hatnote templates targeting a nonexistent page|Web Typography]]
[[Category:Articles with unsourced statements from July 2022|Web Typography]]
[[Category:CS1 errors]]
[[Category:Collapse templates|Web Typography]]
[[Category:Created On 01/01/2023|Web Typography]]
[[Category:Interwiki link templates| ]]
[[Category:Lua-based templates|Web Typography]]
[[Category:Machine Translated Page|Web Typography]]
[[Category:Navigational boxes| ]]
[[Category:Navigational boxes without horizontal lists|Web Typography]]
[[Category:Pages with script errors|Web Typography]]
[[Category:Short description with empty Wikidata description|Web Typography]]
[[Category:Sidebars with styles needing conversion|Web Typography]]
[[Category:Template documentation pages|Documentation/doc]]
[[Category:Templates Vigyan Ready|Web Typography]]
[[Category:Templates generating microformats|Web Typography]]
[[Category:Templates that add a tracking category|Web Typography]]
[[Category:Templates that are not mobile friendly|Web Typography]]
[[Category:Templates that generate short descriptions|Web Typography]]
[[Category:Templates using TemplateData|Web Typography]]
[[Category:Templates using under-protected Lua modules|Web Typography]]
[[Category:Wikipedia fully protected templates|Sister project links]]
[[Category:Wikipedia metatemplates|Web Typography]]

Latest revision as of 10:55, 9 February 2023

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

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

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

सीएसएस 1

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

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

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

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

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

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

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

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

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

कुछ सीएसएस 2 फ़ॉन्ट के गुणों को सीएसएस 2.1 से हटा दिया गया था और बाद में सीएसएस3 में सम्मिलित किया गया था।[4][5]


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

Main article: फ़ॉलबैक फ़ॉन्ट्स

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

font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;

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

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

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

सैंस सेरिफ़

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

सेरिफ़

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

मोनोस्पेस

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

कर्सिव

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

काल्पनिक फ़ॉन्ट

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

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

[8]सिस्टम-यूआई

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

यूआई-सेरिफ

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

यूआई-सैंस-सेरिफ

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

यूआई-मोनोस्पेस

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

यूआई-राउंडेड

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

इमोजी

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

गणित

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

Fangsong (Chinese: 仿宋体)

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

वेब फ़ॉन्ट

इतिहास

रिमोट फ़ॉन्ट को संदर्भित करने और स्वचालित रूप से डाउनलोड करने की तकनीक को पहले सीएसएस2 विनिर्देश में निर्दिष्ट किया गया था, जिसने @font-face निर्माण की शुरुआत की थी। उस समय, वेब से फ़ॉन्ट फ़ाइलें लाना विवादास्पद था क्योंकि फ़ॉन्ट लाइसेंस के उल्लंघन में केवल कुछ वेब पेजों के लिए उपयोग किए जाने वाले फ़ॉन्ट को डाउनलोड और इंस्टॉल किया जा सकता था।[9]

माइक्रोसॉफ्ट ने पहली बार 1997 में इंटरनेट एक्सप्लोरर 4 में डाउनलोड करने योग्य एंबेडेड ओपन टाइप फ़ॉन्ट के लिए समर्थन जोड़ा। लेखकों को प्रत्येक पृष्ठ के लिए सबसेटेड फ़ॉन्ट फ़ाइल बनाने के लिए स्वामित्व वेब एम्बेडिंग फ़ॉन्ट्स उपकरण टूल का उपयोग करना पड़ा। ईओटी ने दिखाया कि वेबफ़ॉन्ट काम कर सकता है और प्रारूप ने लेखन प्रणालियों में कुछ उपयोग देखा जो सामान्य लेखन प्रणाली द्वारा समर्थित नहीं हैं। चूँकि, प्रारूप को व्यापक स्वीकृति कभी नहीं मिली और अंततः W3C द्वारा अस्वीकार कर दिया गया।[10]

2006 में, हाकोन वियम लिे ने ईओटी का उपयोग करने के विरुद्ध अभियान प्रारंभ किया और इसके अतिरिक्त वेब ब्राउज़र सामान्यतः उपयोग किए जाने वाले फ़ॉन्ट स्वरूपों का समर्थन करते हैं।[11][12][13] सफारी (वेब ​​​​ब्राउज़र) 3.1, ओपेरा 10, मोज़िला फ़ायरफ़ॉक्स 3.5 और इंटरनेट एक्सप्लोरर 9 में सामान्यतः उपयोग किए जाने वाले ट्रू टाइप और ओपन टाइप फ़ॉन्ट स्वरूपों के लिए समर्थन प्रयुक्त किया गया है।

2010 में, मोज़िला फाउंडेशन , ओपेरा सॉफ्टवेयर और माइक्रोसॉफ्ट द्वारा ट्रू टाइप और ओपन टाइप फ़ॉन्ट के लिए वेब ओपन फ़ॉन्ट प्रारूप कम्प्रेशन मेथड W3C को सबमिट किया गया था और तब से ब्राउजरों ने अतिरिक्त समर्थन दिया है।[14][15][16]

गूगल फ़ॉन्ट्स को 2010 में ओपन-सोर्स लाइसेंस के अनुसार वेबफोन्स की सेवा के लिए लॉन्च किया गया था। 2016 तक, 800 से अधिक वेबफॉन्ट परिवार उपलब्ध हैं।[17]

वेबफॉन्ट वेब डिजाइनरों के लिए महत्वपूर्ण उपकरण बन गया है और 2016 तक अधिकांश साइटें वेबफ़ॉन्ट का उपयोग करती हैं।[18]


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

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

@font-face

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


ट्रूडॉक

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

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

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


स्केलेबल वेक्टर ग्राफिक्स

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

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

स्केलेबल वेक्टर ग्राफिक्स फ़ॉन्ट्स

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

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

Main articles: ट्रू टाइप and ओपनटाइप

उद्योग-मानक ट्रू टाइप (टीटीएफ) और ओपन टाइप (टीटीएफ/ओटीएफ) फ़ॉन्ट से लिंकिंग द्वारा समर्थित है

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


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

Main article: वेब ओपन फ़ॉन्ट प्रारूप

वेब ओपन फॉन्ट फॉर्मेट (डब्लूओएफएफ) कम्प्रेशन और अतिरिक्त मेटाडेटा के साथ अनिवार्य रूप से ओपन टाइप या ट्रू टाइप है। डब्लूओएफएफ मोजिल्ला फायरफॉक्स 3.6+[35] गूगल क्रोम 5+,[36][37] ओपेरा (वेब ​​ब्राउज़र) प्रेस्टो (लेआउट इंजन) द्वारा समर्थित है,[38]

और इंटरनेट एक्सप्लोरर 9 (14 मार्च, 2011 से) द्वारा समर्थित है।[39] रिलीज़ 5.1 से मैक ओएस एक्स लायन की सफारी (वेब ​​ब्राउज़र) पर समर्थन उपलब्ध है।

यूनिकोड फ़ॉन्ट

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

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

विकल्प

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

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

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

एक अन्य समाधान टेक्स्ट को वीएमएल (इंटरनेट एक्सप्लोरर के लिए) या स्केलेबल वेक्टर ग्राफिक्स (अन्य सभी ब्राउज़रों के लिए) के साथ बदलने के लिए जावास्क्रिप्ट का उपयोग कर रहा है।[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=82833’