फ़ॉन्ट फॅमिली (एचटीएमएल): Difference between revisions
No edit summary |
No edit summary |
||
| Line 13: | Line 13: | ||
निम्नलिखित उदाहरण एक ही फॉन्ट फेस ([[ टाइम्स (टाइपफेस) ]] या एक डिफ़ॉल्ट [[ सेरिफ़ ]], 14 अंक, इटैलिक) को तीन तरीकों से परिभाषित करता है: | निम्नलिखित उदाहरण एक ही फॉन्ट फेस ([[ टाइम्स (टाइपफेस) ]] या एक डिफ़ॉल्ट [[ सेरिफ़ ]], 14 अंक, इटैलिक) को तीन तरीकों से परिभाषित करता है: | ||
* सीएसएस के साथ एक अलग स्टाइलशीट में। | * सीएसएस के साथ एक अलग स्टाइलशीट में। | ||
* इनलाइन सीएसएस के माध्यम से एक तत्व पर लागू होता है | * {{code|style}} विशेषता इनलाइन सीएसएस के माध्यम से एक तत्व पर लागू होता है । | ||
* मूल्यह्रास प्रस्तुतिकरण तत्व के साथ {{tag|font}} और इसकी गैर-मानक विशेषता {{code|face}}. ({{tag|i}} सामान्य रूप से बहिष्कृत नहीं किया गया है, लेकिन इसका प्रस्तुतिकरण उपयोग है।) | * मूल्यह्रास प्रस्तुतिकरण तत्व के साथ {{tag|font}} और इसकी गैर-मानक विशेषता {{code|face}}. ({{tag|i}} सामान्य रूप से बहिष्कृत नहीं किया गया है, लेकिन इसका प्रस्तुतिकरण उपयोग है।) | ||
<syntaxhighlight lang= css >.text { फ़ॉन्ट-फ़ैमिली: टाइम्स, सेरिफ़; फ़ॉन्ट-आकार: 14pt; फ़ॉन्ट-शैली: इटैलिक; }</syntaxhighlight> | <syntaxhighlight lang= css >.text { फ़ॉन्ट-फ़ैमिली: टाइम्स, सेरिफ़; फ़ॉन्ट-आकार: 14pt; फ़ॉन्ट-शैली: इटैलिक; }</syntaxhighlight> | ||
< | <nowiki><p class="text"></nowiki> | ||
< | Sample text formatted with CSS in a separate stylesheet. | ||
<nowiki></p></nowiki> | |||
</p> | </p> | ||
< | <nowiki><p style="font-family: times, serif; font-size:14pt; font-style:italic"></nowiki> | ||
</p> | </p> | ||
<p><i>< | <p><i>Sample text formatted with inline CSS. | ||
</i></p> | |||
</ | <nowiki></p></nowiki> | ||
</ | |||
<nowiki><p><i><font face="times, serif" size="3"></nowiki> | |||
Sample text formatted with the deprecated FONT tag. | |||
<nowiki></font></nowiki><nowiki></i></nowiki><nowiki></p></nowiki> | |||
अल्पविराम के बाद स्थान देना और उद्धरण चिह्नों के बीच रिक्त स्थान वाले किसी भी नाम को रखना सबसे अच्छा अभ्यास है। | |||
== फ़ॉन्ट नेम फैमिली के नाम के रूप में == | |||
चूँकि सीएसएस फ़ॉन्ट फैमिली को टाइपफेस के समान ही परिभाषित करने का प्रयास करता है, लेकिन {{code|font-family}} प्रविष्टि और इसके गैर-मानक एचटीएमएल पूर्ववर्ती का भी ऐतिहासिक रूप से पूरे फ़ॉन्ट फेस की पहचान करने के लिए उपयोग किया गया है। यह उपयोग फॉन्ट फाइलों के कारण है जो स्वयं को एक फैमिली का भाग नहीं बताते हैं, आंशिक रूप से इस तथ्य से प्रेरित हैं कि उस समय कुछ संपादकों ने चार से अधिक फ़ॉन्ट शैलियों (बोल्ड/नियमित और इटैलिक/नियमित) के बीच चयन का समर्थन किया था। | |||
परिणामतः, इस तरह की घोषणाओं को देखना साधारण हो जाता था {{code|font-family: 'Gill Sans Extrabold', 'Heisei Mincho W9'}} पांडित्यपूर्ण रूप से सही के स्थान पर {{code|font-family: 'Gill Sans', 'Heisei Mincho'; font-weight: 900}}. न तो सीएसएस 2 और न ही सीएसएस 3 इस तरह के उपयोग का समर्थन करते हैं (वे उदाहरणों में नहीं पाए जाते हैं), लेकिन फिर भी अधिकांश ब्राउज़र उन्हें मान्य नामों के रूप में स्वीकार करते हैं। | |||
== सामान्य फ़ॉन्ट == | == सामान्य फ़ॉन्ट == | ||
{{main| | {{main|वेब टाइपोग्राफी जैनेरिक फ़ॉन्ट फैमिली | ||
}} | |||
फ़ॉन्ट-फ़ैमिली एक विशिष्ट नामित फ़ॉन्ट (जैसे Heisei Mincho W9) का उपयोग कर सकता है, लेकिन परिणाम उपयोगकर्ता मशीन पर स्थापित फ़ॉन्ट पर निर्भर करता है। वास्तविक रूप ब्राउज़र और सिस्टम पर स्थापित फोंट पर निर्भर करेगा।<ref name="ccs-ref">{{cite web|url=http://www.w3.org/TR/CSS2/fonts.html#generic-font-families |title=फोंट्स|publisher=W3.org |access-date=2013-09-21}}</ref> उदाहरण के लिए, [[ माइक्रोसॉफ़्ट विंडोज़ ]] पर [[ फ़ायर्फ़ॉक्स ]] का एक [[ डिफ़ॉल्ट (कंप्यूटर विज्ञान) ]], दोनों सेरिफ़ को [[ टाइम्स न्यू रोमन ]] के रूप में और दोनों सेन्स-सेरिफ़ को [[ एरियल ]] के रूप में प्रदर्शित करेगा। | फ़ॉन्ट-फ़ैमिली एक विशिष्ट नामित फ़ॉन्ट (जैसे Heisei Mincho W9) का उपयोग कर सकता है, लेकिन परिणाम उपयोगकर्ता मशीन पर स्थापित फ़ॉन्ट पर निर्भर करता है। वास्तविक रूप ब्राउज़र और सिस्टम पर स्थापित फोंट पर निर्भर करेगा।<ref name="ccs-ref">{{cite web|url=http://www.w3.org/TR/CSS2/fonts.html#generic-font-families |title=फोंट्स|publisher=W3.org |access-date=2013-09-21}}</ref> उदाहरण के लिए, [[ माइक्रोसॉफ़्ट विंडोज़ ]] पर [[ फ़ायर्फ़ॉक्स ]] का एक [[ डिफ़ॉल्ट (कंप्यूटर विज्ञान) ]], दोनों सेरिफ़ को [[ टाइम्स न्यू रोमन ]] के रूप में और दोनों सेन्स-सेरिफ़ को [[ एरियल ]] के रूप में प्रदर्शित करेगा। | ||
सामान्यतः उनमें से केवल एक छोटा सा उपसमुच्चय, मुख्य रूप से सेरिफ़, सैंस-सेरिफ़, मोनोस्पेस और कर्सिव<ref>very few web browsers, including [[Konqueror]], support changing Cursive</ref> वेब ब्राउज़र में उपयोगकर्ता द्वारा आसानी से कॉन्फ़िगर किया जा सकता है। | |||
कई प्रणालियाँ लापता जाने-माने परिवारों को मीट्रिक-संगत विकल्पों के साथ बदलने के लिए विशेष-केस्ड फ़ॉन्ट प्रतिस्थापन भी करती हैं। उदाहरण के लिए, विंडोज हेलवेटिका को एरियल और टाइम्स को टाइम्स न्यू रोमन के साथ प्रतिस्थापित करता है।<ref>{{cite web |title=फ़ॉन्ट प्रौद्योगिकी - वैश्वीकरण|url=https://docs.microsoft.com/en-us/globalization/input/font-technology |website=docs.microsoft.com |language=en-us}}</ref> ये परिवार | कई प्रणालियाँ लापता जाने-माने परिवारों को मीट्रिक-संगत विकल्पों के साथ बदलने के लिए विशेष-केस्ड फ़ॉन्ट प्रतिस्थापन भी करती हैं। उदाहरण के लिए, विंडोज हेलवेटिका को एरियल और टाइम्स को टाइम्स न्यू रोमन के साथ प्रतिस्थापित करता है।<ref>{{cite web |title=फ़ॉन्ट प्रौद्योगिकी - वैश्वीकरण|url=https://docs.microsoft.com/en-us/globalization/input/font-technology |website=docs.microsoft.com |language=en-us}}</ref> ये परिवार सीएसएस अर्थों में सामान्य नहीं हैं, और सामान्यतः ब्राउज़र स्तर पर नियंत्रित नहीं किए जाते हैं। | ||
== यह भी देखें == | == यह भी देखें == | ||
Revision as of 17:26, 13 January 2023
| HTML |
|---|
| Comparisons |
(X)HTML(एचटीएमएल), और सीएसएस(CSS) व्युत्पन्न प्रणालियों में फ़ॉन्ट फैमिली चयन प्राथमिकता वाले फ़ॉन्ट और जैनेरिक फैमिली नेम की सूची निर्दिष्ट करता है; संबंधित फ़ॉन्ट गुणों के साथ, यह सूची वर्णों को प्रस्तुत करने के लिए उपयोग किए जाने वाले विशेष फ़ॉन्ट फेस को निर्धारित करती है। फैमिली चयन दो रूपों में उपलब्ध है: बहिष्कृत (एक्स) एचटीएमएल में <font>...</font> इसके साथ तत्व face विशेषता, और सीएसएस में font-family संपत्ति।
सीएसएस शब्द फ़ॉन्ट फैमिली टाइपोग्राफ़िकल शब्द टाइपफ़ेस से मिलता है, जो साझा डिज़ाइन शैलियों द्वारा परिभाषित फ़ॉन्ट्स का समूह है। फॉन्ट ग्लिफ़ (चरित्र आकार) का एक विशेष सेट है, जो एक ही फैमिली में अन्य फोंट से स्ट्रोक वजन, तिरछा, सापेक्ष चौड़ाई, आदि जैसे अतिरिक्त गुणों से भिन्न होता है। सीएसएस शब्द फ़ॉन्ट फेस फ़ॉन्ट के साथ मिलता है; यह फ़ॉन्ट फैमिली और अतिरिक्त गुणों के संयोजन से तय होता है।
एचटीएमएल और सीएसएस दोनों में, सूची को अल्पविराम से अलग किया जाता है। अनपेक्षित परिणामों से बचने के लिए, फ़ॉन्ट सूची पर अंतिम फ़ॉन्ट फैमिली वेब टाइपोग्राफी जेनेरिक फ़ॉन्ट फैमिली में से एक होना चाहिए जो डिफ़ॉल्ट रूप से सदैव उपलब्ध होते हैं। किसी फॉन्ट के न मिलने पर, वेब ब्राउजर अपने डिफॉल्ट फॉन्ट का प्रयोग करेगा, जो यूजर-डिफाइन्ड फॉन्ट हो सकता है। वेब ब्राउज़र के आधार पर, उपयोगकर्ता वास्तव में कोड लेखक द्वारा परिभाषित फ़ॉन्ट को ओवरराइड कर सकता है। यह व्यक्तिगत पसंद के कारणों से हो सकता है, लेकिन यह उपयोगकर्ता की कुछ भौतिक सीमाओं के कारण भी हो सकता है, जैसे बड़े फ़ॉन्ट आकार की आवश्यकता या कुछ रंगों से बचाव।
स्थानीय फोंट के अतिरिक्त, आधुनिक वेब ब्राउज़र @font-face घोषणा का उपयोग करके कस्टम फ़ॉन्ट फ़ाइलों को सीधे लिंक करने का समर्थन करते हैं। एक बार सम्मलित करने के बाद, ऐसे फ़ॉन्ट को सभी स्थानीय और फ़ॉलबैक फ़ॉन्ट के साथ, font-family संपत्ति में सूचीबद्ध किया जा सकता है।
उदाहरण
निम्नलिखित उदाहरण एक ही फॉन्ट फेस (टाइम्स (टाइपफेस) या एक डिफ़ॉल्ट सेरिफ़ , 14 अंक, इटैलिक) को तीन तरीकों से परिभाषित करता है:
- सीएसएस के साथ एक अलग स्टाइलशीट में।
styleविशेषता इनलाइन सीएसएस के माध्यम से एक तत्व पर लागू होता है ।- मूल्यह्रास प्रस्तुतिकरण तत्व के साथ
<font>...</font>और इसकी गैर-मानक विशेषताface. (<i>...</i>सामान्य रूप से बहिष्कृत नहीं किया गया है, लेकिन इसका प्रस्तुतिकरण उपयोग है।)
.text { फ़ॉन्ट-फ़ैमिली: टाइम्स, सेरिफ़; फ़ॉन्ट-आकार: 14pt; फ़ॉन्ट-शैली: इटैलिक; }
<p class="text"> Sample text formatted with CSS in a separate stylesheet. </p>
<p style="font-family: times, serif; font-size:14pt; font-style:italic">
Sample text formatted with inline CSS.
</p>
<p><i><font face="times, serif" size="3">
Sample text formatted with the deprecated FONT tag.
</font></i></p>
अल्पविराम के बाद स्थान देना और उद्धरण चिह्नों के बीच रिक्त स्थान वाले किसी भी नाम को रखना सबसे अच्छा अभ्यास है।
फ़ॉन्ट नेम फैमिली के नाम के रूप में
चूँकि सीएसएस फ़ॉन्ट फैमिली को टाइपफेस के समान ही परिभाषित करने का प्रयास करता है, लेकिन font-family प्रविष्टि और इसके गैर-मानक एचटीएमएल पूर्ववर्ती का भी ऐतिहासिक रूप से पूरे फ़ॉन्ट फेस की पहचान करने के लिए उपयोग किया गया है। यह उपयोग फॉन्ट फाइलों के कारण है जो स्वयं को एक फैमिली का भाग नहीं बताते हैं, आंशिक रूप से इस तथ्य से प्रेरित हैं कि उस समय कुछ संपादकों ने चार से अधिक फ़ॉन्ट शैलियों (बोल्ड/नियमित और इटैलिक/नियमित) के बीच चयन का समर्थन किया था।
परिणामतः, इस तरह की घोषणाओं को देखना साधारण हो जाता था font-family: 'Gill Sans Extrabold', 'Heisei Mincho W9' पांडित्यपूर्ण रूप से सही के स्थान पर font-family: 'Gill Sans', 'Heisei Mincho'; font-weight: 900. न तो सीएसएस 2 और न ही सीएसएस 3 इस तरह के उपयोग का समर्थन करते हैं (वे उदाहरणों में नहीं पाए जाते हैं), लेकिन फिर भी अधिकांश ब्राउज़र उन्हें मान्य नामों के रूप में स्वीकार करते हैं।
सामान्य फ़ॉन्ट
फ़ॉन्ट-फ़ैमिली एक विशिष्ट नामित फ़ॉन्ट (जैसे Heisei Mincho W9) का उपयोग कर सकता है, लेकिन परिणाम उपयोगकर्ता मशीन पर स्थापित फ़ॉन्ट पर निर्भर करता है। वास्तविक रूप ब्राउज़र और सिस्टम पर स्थापित फोंट पर निर्भर करेगा।[1] उदाहरण के लिए, माइक्रोसॉफ़्ट विंडोज़ पर फ़ायर्फ़ॉक्स का एक डिफ़ॉल्ट (कंप्यूटर विज्ञान) , दोनों सेरिफ़ को टाइम्स न्यू रोमन के रूप में और दोनों सेन्स-सेरिफ़ को एरियल के रूप में प्रदर्शित करेगा।
सामान्यतः उनमें से केवल एक छोटा सा उपसमुच्चय, मुख्य रूप से सेरिफ़, सैंस-सेरिफ़, मोनोस्पेस और कर्सिव[2] वेब ब्राउज़र में उपयोगकर्ता द्वारा आसानी से कॉन्फ़िगर किया जा सकता है।
कई प्रणालियाँ लापता जाने-माने परिवारों को मीट्रिक-संगत विकल्पों के साथ बदलने के लिए विशेष-केस्ड फ़ॉन्ट प्रतिस्थापन भी करती हैं। उदाहरण के लिए, विंडोज हेलवेटिका को एरियल और टाइम्स को टाइम्स न्यू रोमन के साथ प्रतिस्थापित करता है।[3] ये परिवार सीएसएस अर्थों में सामान्य नहीं हैं, और सामान्यतः ब्राउज़र स्तर पर नियंत्रित नहीं किए जाते हैं।
यह भी देखें
