View source for वेब टाइपोग्राफी

{{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 में प्रकाशित हुआ था और समान क्षमताएं प्रदान करता था।

[[ 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 ==
पहले सीएसएस विनिर्देशन में,<ref>{{citation |url=http://www.w3.org/TR/CSS1/ |title=Cascading Style Sheets, level 1 |date=1996-12-17 |publisher=W3C}}</ref> लेखक गुणों की श्रृंखला के माध्यम से फ़ॉन्ट विशेषताओं को निर्दिष्ट करते हैं:
* {{code|lang=css|font-family}}
* {{code|lang=css|font-style}}
* {{code|lang=css|font-variant}}
* {{code|lang=css|font-weight}}
* {{code|lang=css|font-size}}
सभी फ़ॉन्ट की पहचान केवल नाम से की गई थी। ऊपर बताए गए गुणों से अतिरिक्त, डिजाइनरों के पास स्टाइल फ़ॉन्ट का कोई विधि नहीं थी, और क्लाइंट सिस्टम पर उपस्थित फ़ॉन्ट का चयन करने के लिए कोई तंत्र उपस्थित नहीं था।

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

यह सुनिश्चित करने के लिए कि सभी वेब उपयोगकर्ताओं के पास फ़ॉन्ट का मूल सेट है, [[ माइक्रोसॉफ्ट |माइक्रोसॉफ्ट]] ने 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 फ़ॉन्ट के गुणों को सीएसएस 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|फ़ॉलबैक फ़ॉन्ट्स}}
सीएसएस विनिर्देश एकाधिक फ़ॉन्ट्स को फ़ॉलबैक फ़ॉन्ट्स के रूप में सूचीबद्ध करने की अनुमति देता है।<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">
font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
</syntaxhighlight>निर्दिष्ट किया गया पहला फ़ॉन्ट पसंदीदा फ़ॉन्ट है। यदि यह फ़ॉन्ट उपलब्ध नहीं है, तो वेब ब्राउज़र सूची में अगले फ़ॉन्ट का उपयोग करने का प्रयास करता है। यदि कोई निर्दिष्ट फ़ॉन्ट नहीं मिलता है, तो ब्राउज़र अपना डिफ़ॉल्ट फ़ॉन्ट प्रदर्शित करता है। यही प्रक्रिया प्रति-चरित्र के आधार पर भी होती है यदि ब्राउज़र किसी ऐसे वर्ण को प्रदर्शित करने का प्रयास करता है जो निर्दिष्ट फ़ॉन्ट में उपस्थित नहीं है।

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

[[ सेरिफ़ |सैंस सेरिफ़]]
: फ़ॉन्ट जिनके अक्षरों पर सजावटी चिह्न या सेरिफ़ नहीं होते हैं। इन फॉन्ट को अक्सर स्क्रीन पर पढ़ना आसान माना जाता है।<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>
[[ सेरिफ़ |सेरिफ़]]
: फ़ॉन्ट जिनमें सजावटी चिह्न होते हैं, या सेरिफ़, उनके पात्रों पर उपस्थित होते हैं। ये फ़ॉन्ट परंपरागत रूप से मुद्रित पुस्तकों में उपयोग किए जाते हैं।
मोनोस्पेस
: फ़ॉन्ट जिसमें सभी वर्ण समान रूप से विस्तृत होते हैं।
[[ कर्सिव |कर्सिव]]
: फॉन्ट जो कर्सिव राइटिंग से मिलते जुलते हैं। इन फ़ॉन्ट में सजावटी उपस्थिति हो सकती है, लेकिन उन्हें छोटे आकार में पढ़ना मुश्किल हो सकता है, इसलिए इन्हें आम तौर पर कम इस्तेमाल किया जाता है।
[[ काल्पनिक फोंट |काल्पनिक फ़ॉन्ट]]
: फ़ॉन्ट जिनमें प्रतीक या अन्य सजावटी गुण हो सकते हैं, लेकिन फिर भी निर्दिष्ट वर्ण का प्रतिनिधित्व करते हैं।

=== कम ब्राउज़र समर्थन के साथ सीएसएस फ़ॉन्ट काम कर रहे ड्राफ्ट 4 ===
<ref name="cssf4">{{Cite web|url=https://caniuse.com/extended-system-fonts|title = फॉन्ट-फ़ैमिली {{पाइप}} के लिए यूआई-सेरिफ़, यूआई-सैन्स-सेरिफ़, यूआई-मोनोस्पेस और यूआई-राउंडेड वैल्यू क्या मैं उपयोग कर सकता हूँ... HTML5, CSS3, आदि के लिए टेबल का समर्थन करें}}</ref>{{Font|सिस्टम-यूआई|font=सिस्टम-यूआई}}
: किसी दिए गए सिस्टम पर डिफ़ॉल्ट फ़ॉन्ट: इस विकल्प का उद्देश्य वेब सामग्री को देशी ओएस के रंगरूप के साथ एकीकृत करने की अनुमति देना है।
{{Font|यूआई-सेरिफ|font=यूआई-सेरिफ}}
: दिए गए सिस्टम पर सेरिफ़ शैली में डिफ़ॉल्ट फ़ॉन्ट
{{Font|यूआई-सैंस-सेरिफ|font=यूआई-सैंस-सेरिफ}}
: सेन्स-सेरिफ़ शैली में दिए गए सिस्टम पर डिफ़ॉल्ट फ़ॉन्ट
{{Font|यूआई-मोनोस्पेस|font=यूआई-मोनोस्पेस}}
: किसी दिए गए सिस्टम पर मोनोस्पेस शैली में डिफ़ॉल्ट फ़ॉन्ट
{{Font|यूआई-राउंडेड|font=यूआई-राउंडेड}}
: किसी दिए गए सिस्टम पर गोलाकार शैली में डिफ़ॉल्ट फ़ॉन्ट
{{Font|[[इमोजी]]|font=इमोजी}}
: [[ इमोजी | इमोजी]] का उपयोग करते हुए फ़ॉन्ट्स
{{Font|[[गणितीय सूत्रों में टंकण परंपराएं|गणित]]|font=मैथ}}
: जटिल गणितीय सूत्र और अभिव्यक्तियों के लिए फ़ॉन्ट्स।
{{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>

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

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 में ओपन-सोर्स लाइसेंस के तहत वेबफोन्स की सेवा के लिए लॉन्च किया गया था। 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>



=== फ़ाइल प्रारूप ===
विशिष्ट सीएसएस <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 में टाइप फाउंड्री बिटस्ट्रीम द्वारा विकसित किया गया था। इंटरनेट एक्सप्लोरर में ट्रूडॉक के लिए समर्थन जोड़ने के लिए [[ 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> अन्य बाधा ट्रूडॉक प्रारूप में वेबफ़ॉन्ट बनाने के लिए ओपन-सोर्स या फ्री टूल की कमी थी, जबकि माइक्रोसॉफ्ट ने अपने प्रारूप में वेबफोन बनाने के लिए मुफ्त वेब एंबेडिंग फ़ॉन्ट्स टूल उपलब्ध कराया था।

==== एंबेडेड ओपन टाइप ====
इंटरनेट एक्सप्लोरर ने संस्करण 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>



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

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

#स्केलेबल वेक्टर ग्राफिक्स 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|ट्रू टाइप|ओपनटाइप}}

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

मोज़िला फ़ायरफ़ॉक्स 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|वेब ओपन फ़ॉन्ट प्रारूप}}

वेब ओपन फॉन्ट फॉर्मेट (डब्लूओएफएफ) कम्प्रेशन और अतिरिक्त मेटाडेटा के साथ अनिवार्य रूप से ओपन टाइप या [[ ट्रू टाइप |ट्रू टाइप]] है। डब्लूओएफएफ मोजिल्ला फायरफॉक्स 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 से मैक ओएस एक्स लायन की सफारी (वेब ब्राउज़र) पर समर्थन उपलब्ध है।

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

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

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

एक अन्य तकनीक छवि प्रतिस्थापन है। इस अभ्यास में वांछित फ़ॉन्ट में लिखे गए समान टेक्स्ट वाली छवि के साथ टेक्स्ट को ओवरले करना शामिल है। यह सौंदर्य संबंधी उद्देश्यों के लिए अच्छा है, लेकिन टेक्स्ट चयन को रोकता है, बैंडविड्थ उपयोग को बढ़ाता है, खोज इंजन अनुकूलन के लिए बुरा है, और विकलांग उपयोगकर्ताओं के लिए टेक्स्ट वेब को सुगम बनाता है।{{cn|date=July 2022}}

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

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



== यह भी देखें ==
* [[ स्केलेबल इनमैन फ्लैश रिप्लेसमेंट ]]

==टिप्पणियाँ==
<references group="m"/>


==संदर्भ==
{{Reflist |colwidth=30em}}



*
==बाहरी कड़ियाँ==
{{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}}
* [https://www.w3.org/TR/css-fonts-3/ W3C CSS Fonts Specification]
* List of RFC as mentioned in WOFF (draft of 2009-10-23):
** {{IETF RFC|1950|link=no}} ZLIB Compressed Data Format Specification
** {{IETF RFC|2119|link=no}} Key words for use in RFCs to Indicate Requirement Levels
** {{IETF RFC|4647|link=no}} Matching of Language Tags

{{Typography terms}}

{{DEFAULTSORT:Web Typography}}[[श्रेणी: डिजिटल टाइपोग्राफी]]
[[श्रेणी:वेब डिजाइन]]


[[Category: Machine Translated Page]]
[[Category:Created On 01/01/2023]]