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

From Vigyanwiki
No edit summary
No edit summary
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 ]] और मोज़िला फ़ायरफ़ॉक्स 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>
<अवधि शैली = फ़ॉन्ट-फ़ैमिली: सैंस-सेरिफ़; >सैन्स-सेरिफ़</span>
Line 43: Line 43:
: फ़ॉन्ट जिसमें सभी वर्ण समान रूप से विस्तृत होते हैं।
: फ़ॉन्ट जिसमें सभी वर्ण समान रूप से विस्तृत होते हैं।
<अवधि शैली = फ़ॉन्ट-परिवार: [[ कर्सिव |कर्सिव]] ; >कर्सिव
<अवधि शैली = फ़ॉन्ट-परिवार: [[ कर्सिव |कर्सिव]] ; >कर्सिव
: फॉन्ट जो कर्सिव राइटिंग से मिलते जुलते हैं। इन फोंट में सजावटी उपस्थिति हो सकती है, लेकिन उन्हें छोटे आकार में पढ़ना मुश्किल हो सकता है, इसलिए इन्हें आम तौर पर कम इस्तेमाल किया जाता है।
: फॉन्ट जो कर्सिव राइटिंग से मिलते जुलते हैं। इन फ़ॉन्ट में सजावटी उपस्थिति हो सकती है, लेकिन उन्हें छोटे आकार में पढ़ना मुश्किल हो सकता है, इसलिए इन्हें आम तौर पर कम इस्तेमाल किया जाता है।
<अवधि शैली = फ़ॉन्ट-परिवार: कल्पना; >[[ काल्पनिक फोंट ]]</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|System-ui|font=system-ui}}
{{Font|System-ui|font=system-ui}}
: किसी दिए गए सिस्टम पर डिफ़ॉल्ट फोंट: इस विकल्प का उद्देश्य वेब सामग्री को देशी ओएस के रंगरूप के साथ एकीकृत करने की अनुमति देना है।
: किसी दिए गए सिस्टम पर डिफ़ॉल्ट फ़ॉन्ट: इस विकल्प का उद्देश्य वेब सामग्री को देशी ओएस के रंगरूप के साथ एकीकृत करने की अनुमति देना है।
{{Font|ui-serif|font=ui-serif}}
{{Font|ui-serif|font=ui-serif}}
: दिए गए सिस्टम पर सेरिफ़ शैली में डिफ़ॉल्ट फोंट
: दिए गए सिस्टम पर सेरिफ़ शैली में डिफ़ॉल्ट फ़ॉन्ट
{{Font|ui-sans-serif|font=ui-sans-serif}}
{{Font|ui-sans-serif|font=ui-sans-serif}}
: सेन्स-सेरिफ़ शैली में दिए गए सिस्टम पर डिफ़ॉल्ट फोंट
: सेन्स-सेरिफ़ शैली में दिए गए सिस्टम पर डिफ़ॉल्ट फ़ॉन्ट
{{Font|ui-monospace|font=ui-monospace}}
{{Font|ui-monospace|font=ui-monospace}}
: किसी दिए गए सिस्टम पर मोनोस्पेस शैली में डिफ़ॉल्ट फोंट
: किसी दिए गए सिस्टम पर मोनोस्पेस शैली में डिफ़ॉल्ट फ़ॉन्ट
{{Font|ui-rounded|font=ui-rounded}}
{{Font|ui-rounded|font=ui-rounded}}
: किसी दिए गए सिस्टम पर गोलाकार शैली में डिफ़ॉल्ट फोंट
: किसी दिए गए सिस्टम पर गोलाकार शैली में डिफ़ॉल्ट फ़ॉन्ट
{{Font|[[Emoji]]|font=emoji}}
{{Font|[[Emoji]]|font=emoji}}
: [[ इमोजी | इमोजी]] का उपयोग करते हुए फ़ॉन्ट्स
: [[ इमोजी | इमोजी]] का उपयोग करते हुए फ़ॉन्ट्स
Line 66: Line 66:
: चीनी टाइपफेस जो सेरिफ़ सॉन्ग और कर्सिव काई रूपों के बीच हैं। इस शैली का प्रयोग प्राय: सरकारी दस्तावेजों के लिए किया जाता है।
: चीनी टाइपफेस जो सेरिफ़ सॉन्ग और कर्सिव काई रूपों के बीच हैं। इस शैली का प्रयोग प्राय: सरकारी दस्तावेजों के लिए किया जाता है।


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


=== इतिहास ===
=== इतिहास ===
रिमोट फोंट को संदर्भित करने और स्वचालित रूप से डाउनलोड करने की तकनीक को पहले सीएसएस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 में, 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]] में आमतौर पर इस्तेमाल किए जाने वाले ट्रू टाइप और ओपन टाइप फ़ॉन्ट स्वरूपों के लिए समर्थन लागू किया गया है।


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>
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>


वेबफॉन्ट वेब डिजाइनरों के लिए महत्वपूर्ण उपकरण बन गया है और 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>
विशिष्ट 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>




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


==== एंबेडेड ओपन टाइप ====
==== एंबेडेड ओपन टाइप ====
Line 97: Line 97:
वेब टाइपोग्राफी स्केलेबल वेक्टर ग्राफिक्स पर दो तरह से लागू होती है:
वेब टाइपोग्राफी स्केलेबल वेक्टर ग्राफिक्स पर दो तरह से लागू होती है:


#SVG 1.1 विनिर्देश के सभी संस्करण, जिसमें स्केलेबल वेक्टर ग्राफिक्स#मोबाइल प्रोफाइल सबसेट शामिल है, फ़ॉन्ट मॉड्यूल को परिभाषित करता है जो SVG दस्तावेज़ के भीतर फोंट के निर्माण की अनुमति देता है। सफारी (वेब ​​ब्राउज़र) ने संस्करण 3 में इनमें से कई गुणों के लिए समर्थन पेश किया। [[ ओपेरा (वेब ​​ब्राउज़र) ]] ने संस्करण 8.0 में प्रारंभिक समर्थन जोड़ा, 9.0 में अधिक गुणों के समर्थन के साथ।
#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 से [[ वेबकिट ]] भी केवल [[ एसवीजी फोंट ]] का उपयोग करके इस विधि का समर्थन करता है।
#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 के बाद से एसवीजी ओपनटाइप का समर्थन किया है।
एसवीजी फ़ॉन्ट एसवीजी ग्राफिक का उपयोग करते हुए फ़ॉन्ट का डब्ल्यू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 के बाद से एसवीजी ओपनटाइप का समर्थन किया है।


==== ट्रू टाइप/ओपन टाइप ====
==== ट्रू टाइप/ओपन टाइप ====
{{main|TrueType|OpenType}}
{{main|TrueType|OpenType}}
उद्योग-मानक ट्रू टाइप (TTF) और ओपन टाइप (TTF/OTF) फोंट से लिंकिंग द्वारा समर्थित है
उद्योग-मानक ट्रू टाइप (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>


Line 115: Line 115:
और इंटरनेट एक्सप्लोरर 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 (वेब ​​ब्राउज़र) पर समर्थन उपलब्ध है।
और इंटरनेट एक्सप्लोरर 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 (वेब ​​ब्राउज़र) पर समर्थन उपलब्ध है।


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


Revision as of 15:03, 28 January 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] System-ui

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

ui-serif

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

ui-sans-serif

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

ui-monospace

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

ui-rounded

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

Emoji

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

Math

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

Fangsong (Chinese: 仿宋体)

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

वेब फ़ॉन्ट

इतिहास

रिमोट फ़ॉन्ट को संदर्भित करने और स्वचालित रूप से डाउनलोड करने की तकनीक को पहले सीएसएस2 विनिर्देश में निर्दिष्ट किया गया था, जिसने @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 कोएचटीएमएल दस्तावेज़ों की तरह ही 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] इन्टरनेट एक्स्प्लोरेर 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=80547’