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

From Vigyanwiki
No edit summary
No edit summary
Line 2: Line 2:
[[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 14: Line 14:


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


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


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


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


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


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




Revision as of 16:10, 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]सिस्टम-यूआई

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

यूआई-सेरिफ

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

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

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

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

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

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

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

इमोजी

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

गणित

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

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