फ़ॉन्ट फॅमिली (एचटीएमएल): Difference between revisions
No edit summary |
No edit summary |
||
| (11 intermediate revisions by 5 users not shown) | |||
| Line 1: | Line 1: | ||
{{short description|CSS property in HTML}} | {{short description|CSS property in HTML}} | ||
X एचटीएमएल, और[[ CSS | सीएसएस (CSS)]] व्युत्पन्न प्रणालियों में '''फ़ॉन्ट फैमिली''' चयन प्राथमिकता वाले फ़ॉन्ट और सामान्य फैमिली नामों की सूची निर्दिष्ट करता है; संबंधित फ़ॉन्ट गुणों के साथ, यह सूची वर्णों को प्रस्तुत करने के लिए उपयोग किए जाने वाले विशेष फ़ॉन्ट फेस को निर्धारित करती है। फैमिली चयन दो रूपों में उपलब्ध है: डेप्रिकेटेड (एक्स) [[ एचटीएमएल ]] में {{tag|font}} इसके साथ तत्व {{code|face}} विशेषता, और सीएसएस में {{code|font-family}} संपत्ति होती है। | |||
X एचटीएमएल, और[[ CSS | सीएसएस ( CSS)]] व्युत्पन्न प्रणालियों में फ़ॉन्ट फैमिली चयन प्राथमिकता वाले फ़ॉन्ट और सामान्य फैमिली नामों की सूची निर्दिष्ट करता है; संबंधित फ़ॉन्ट गुणों के साथ, यह सूची वर्णों को प्रस्तुत करने के लिए उपयोग किए जाने वाले विशेष फ़ॉन्ट फेस को निर्धारित करती है। फैमिली चयन दो रूपों में उपलब्ध है: डेप्रिकेटेड (एक्स) [[ एचटीएमएल ]] में {{tag|font}} इसके साथ तत्व {{code|face}} विशेषता, और सीएसएस में {{code|font-family}} संपत्ति होती है। | |||
सीएसएस शब्द [[ फ़ॉन्ट | फ़ॉन्ट]] फैमिली टाइपोग्राफ़िकल शब्द [[ टाइपफ़ेस ]]से मिलता है, जो डिज़ाइन शैलियों द्वारा परिभाषित फ़ॉन्ट्स का समूह है। फॉन्ट ग्लिफ़ (चरित्र आकार) का विशेष समुच्चय है, जो फैमिली में अन्य फ़ॉन्ट से स्ट्रोक वजन, तिरछा, सापेक्ष चौड़ाई, आदि जैसे अतिरिक्त गुणों से भिन्न होता है। सीएसएस शब्द फ़ॉन्ट फेस के साथ मिलता है; यह फ़ॉन्ट फैमिली और अतिरिक्त गुणों के संयोजन से निर्धारित होता है। | सीएसएस शब्द [[ फ़ॉन्ट | फ़ॉन्ट]] फैमिली टाइपोग्राफ़िकल शब्द [[ टाइपफ़ेस ]]से मिलता है, जो डिज़ाइन शैलियों द्वारा परिभाषित फ़ॉन्ट्स का समूह है। फॉन्ट ग्लिफ़ (चरित्र आकार) का विशेष समुच्चय है, जो फैमिली में अन्य फ़ॉन्ट से स्ट्रोक वजन, तिरछा, सापेक्ष चौड़ाई, आदि जैसे अतिरिक्त गुणों से भिन्न होता है। सीएसएस शब्द फ़ॉन्ट फेस के साथ मिलता है; यह फ़ॉन्ट फैमिली और अतिरिक्त गुणों के संयोजन से निर्धारित होता है। | ||
| Line 7: | Line 6: | ||
एचटीएमएल और सीएसएस दोनों में, सूची को अल्पविराम से भिन्न किया जाता है। अनपेक्षित परिणामों से बचने के लिए, फ़ॉन्ट सूची पर अंतिम फ़ॉन्ट फैमिली वेब टाइपोग्राफी सामान्य फ़ॉन्ट फैमिली में से होना चाहिए जो डिफ़ॉल्ट रूप से सदैव उपलब्ध होते हैं। किसी फॉन्ट के न मिलने पर, वेब ब्राउजर अपने डिफॉल्ट फॉन्ट का प्रयोग करेगा, जो यूजर-डिफाइन्ड फॉन्ट हो सकता है। वेब ब्राउज़र के आधार पर, उपयोगकर्ता वास्तव में कोड लेखक द्वारा परिभाषित फ़ॉन्ट को ओवरराइड कर सकता है। यह व्यक्तिगत पसंद के कारणों से हो सकता है, लेकिन यह उपयोगकर्ता की कुछ भौतिक सीमाओं के कारण भी हो सकता है, जैसे बड़े फ़ॉन्ट आकार की आवश्यकता या कुछ रंगों से बचाव के कारण हो सकता है। | एचटीएमएल और सीएसएस दोनों में, सूची को अल्पविराम से भिन्न किया जाता है। अनपेक्षित परिणामों से बचने के लिए, फ़ॉन्ट सूची पर अंतिम फ़ॉन्ट फैमिली वेब टाइपोग्राफी सामान्य फ़ॉन्ट फैमिली में से होना चाहिए जो डिफ़ॉल्ट रूप से सदैव उपलब्ध होते हैं। किसी फॉन्ट के न मिलने पर, वेब ब्राउजर अपने डिफॉल्ट फॉन्ट का प्रयोग करेगा, जो यूजर-डिफाइन्ड फॉन्ट हो सकता है। वेब ब्राउज़र के आधार पर, उपयोगकर्ता वास्तव में कोड लेखक द्वारा परिभाषित फ़ॉन्ट को ओवरराइड कर सकता है। यह व्यक्तिगत पसंद के कारणों से हो सकता है, लेकिन यह उपयोगकर्ता की कुछ भौतिक सीमाओं के कारण भी हो सकता है, जैसे बड़े फ़ॉन्ट आकार की आवश्यकता या कुछ रंगों से बचाव के कारण हो सकता है। | ||
स्थानीय फ़ॉन्ट के अतिरिक्त, आधुनिक वेब ब्राउज़र <code>@font-face</code> घोषणा का उपयोग करके कस्टम फ़ॉन्ट फ़ाइलों को सीधे लिंक करने का समर्थन करते हैं। एक बार सम्मलित करने के बाद, ऐसे फ़ॉन्ट को सभी स्थानीय और फ़ॉलबैक फ़ॉन्ट के साथ, <code>font-family</code> संपत्ति में सूचीबद्ध किया जा सकता है। | स्थानीय फ़ॉन्ट के अतिरिक्त, आधुनिक वेब ब्राउज़र <code>@font-face</code> घोषणा का उपयोग करके कस्टम फ़ॉन्ट फ़ाइलों को सीधे लिंक करने का समर्थन करते हैं। एक बार सम्मलित करने के बाद, ऐसे फ़ॉन्ट को सभी स्थानीय और फ़ॉलबैक फ़ॉन्ट के साथ,<code>font-family</code>संपत्ति में सूचीबद्ध किया जा सकता है। | ||
== उदाहरण == | == उदाहरण == | ||
| Line 15: | Line 14: | ||
* {{code|style}} विशेषता इनलाइन सीएसएस के माध्यम से तत्व पर लागू होता है । | * {{code|style}} विशेषता इनलाइन सीएसएस के माध्यम से तत्व पर लागू होता है । | ||
* मूल्यह्रास प्रस्तुतिकरण तत्व के साथ {{tag|font}} और इसकी गैर-मानक विशेषता {{code|face}}. ({{tag|i}} सामान्य रूप से बहिष्कृत नहीं किया गया है, लेकिन इसका प्रस्तुतिकरण उपयोग है।) | * मूल्यह्रास प्रस्तुतिकरण तत्व के साथ {{tag|font}} और इसकी गैर-मानक विशेषता {{code|face}}. ({{tag|i}} सामान्य रूप से बहिष्कृत नहीं किया गया है, लेकिन इसका प्रस्तुतिकरण उपयोग है।) | ||
<syntaxhighlight lang="css">.text { font-family: times, serif; font-size:14pt; font-style:italic; }</syntaxhighlight> | <syntaxhighlight lang="css">.text { font-family: times, serif; font-size:14pt; font-style:italic; }</syntaxhighlight> | ||
< | <syntaxhighlight lang="html4strict"> | ||
<p class="text"> | |||
Sample text formatted with CSS in a separate stylesheet. | Sample text formatted with CSS in a separate stylesheet. | ||
</p> | </p> | ||
<p style="font-family: times, serif; font-size:14pt; font-style:italic"> | |||
Sample text formatted with inline CSS. | |||
</p> | </p> | ||
<p><i><font face="times, serif" size="3"> | |||
Sample text formatted with the deprecated FONT tag. | Sample text formatted with the deprecated FONT tag. | ||
</font></i></p> | |||
</syntaxhighlight> | |||
अल्पविराम के बाद स्थान देना और उद्धरण चिह्नों के बीच रिक्त स्थान वाले किसी भी नाम को रखना सबसे अच्छा अभ्यास है। | अल्पविराम के बाद स्थान देना और उद्धरण चिह्नों के बीच रिक्त स्थान वाले किसी भी नाम को रखना सबसे अच्छा अभ्यास है। | ||
== फ़ॉन्ट नाम फैमिली के नाम के रूप में == | |||
चूँकि सीएसएस फ़ॉन्ट फैमिली को टाइपफेस के समान ही परिभाषित करने का प्रयास करता है, लेकिन {{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|वेब टाइपोग्राफी जैनेरिक फ़ॉन्ट फैमिली | ||
}} | }} | ||
फ़ॉन्ट-फ़ैमिली | फ़ॉन्ट-फ़ैमिली विशिष्ट नामित फ़ॉन्ट (जैसे हैसी मिनचो डब्लू9) का उपयोग कर सकता है, लेकिन परिणाम उपयोगकर्ता मशीन पर स्थापित फ़ॉन्ट पर निर्भर करता है। वास्तविक रूप ब्राउज़र और सिस्टम पर स्थापित फ़ॉन्ट पर निर्भर करेगा।<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> ये फैमली सीएसएस अर्थों में सामान्य नहीं हैं, और सामान्यतः ब्राउज़र स्तर पर नियंत्रित नहीं किए जाते हैं। | ||
== यह भी देखें == | == यह भी देखें == | ||
* [[ वेब के लिए कोर फोंट ]] | * [[ वेब के लिए कोर फोंट | वेब के लिए कोर फ़ॉन्ट]] | ||
* [[ टाइपफेस की सूची ]] | * [[ टाइपफेस की सूची ]] | ||
*[[ लिपि का रंग ]] | *[[ लिपि का रंग ]] | ||
* [[ वेब टाइपोग्राफी ]] | * [[ वेब टाइपोग्राफी ]] | ||
== टिप्पणियाँ == | == टिप्पणियाँ == | ||
<references/> | <references/> | ||
| Line 65: | Line 54: | ||
{{DEFAULTSORT:Font family}} | {{DEFAULTSORT:Font family}} | ||
[[Category: | [[Category:Articles with hatnote templates targeting a nonexistent page|Font family]] | ||
[[Category:Created On 01/01/2023]] | [[Category:CS1 English-language sources (en)]] | ||
[[Category:Created On 01/01/2023|Font family]] | |||
[[Category:Lua-based templates|Font family]] | |||
[[Category:Machine Translated Page|Font family]] | |||
[[Category:Pages with script errors|Font family]] | |||
[[Category:Short description with empty Wikidata description|Font family]] | |||
[[Category:Templates Vigyan Ready|Font family]] | |||
[[Category:Templates that add a tracking category|Font family]] | |||
[[Category:Templates that generate short descriptions|Font family]] | |||
[[Category:Templates using TemplateData|Font family]] | |||
Latest revision as of 13:08, 27 October 2023
X एचटीएमएल, और सीएसएस (CSS) व्युत्पन्न प्रणालियों में फ़ॉन्ट फैमिली चयन प्राथमिकता वाले फ़ॉन्ट और सामान्य फैमिली नामों की सूची निर्दिष्ट करता है; संबंधित फ़ॉन्ट गुणों के साथ, यह सूची वर्णों को प्रस्तुत करने के लिए उपयोग किए जाने वाले विशेष फ़ॉन्ट फेस को निर्धारित करती है। फैमिली चयन दो रूपों में उपलब्ध है: डेप्रिकेटेड (एक्स) एचटीएमएल में <font>...</font> इसके साथ तत्व face विशेषता, और सीएसएस में font-family संपत्ति होती है।
सीएसएस शब्द फ़ॉन्ट फैमिली टाइपोग्राफ़िकल शब्द टाइपफ़ेस से मिलता है, जो डिज़ाइन शैलियों द्वारा परिभाषित फ़ॉन्ट्स का समूह है। फॉन्ट ग्लिफ़ (चरित्र आकार) का विशेष समुच्चय है, जो फैमिली में अन्य फ़ॉन्ट से स्ट्रोक वजन, तिरछा, सापेक्ष चौड़ाई, आदि जैसे अतिरिक्त गुणों से भिन्न होता है। सीएसएस शब्द फ़ॉन्ट फेस के साथ मिलता है; यह फ़ॉन्ट फैमिली और अतिरिक्त गुणों के संयोजन से निर्धारित होता है।
एचटीएमएल और सीएसएस दोनों में, सूची को अल्पविराम से भिन्न किया जाता है। अनपेक्षित परिणामों से बचने के लिए, फ़ॉन्ट सूची पर अंतिम फ़ॉन्ट फैमिली वेब टाइपोग्राफी सामान्य फ़ॉन्ट फैमिली में से होना चाहिए जो डिफ़ॉल्ट रूप से सदैव उपलब्ध होते हैं। किसी फॉन्ट के न मिलने पर, वेब ब्राउजर अपने डिफॉल्ट फॉन्ट का प्रयोग करेगा, जो यूजर-डिफाइन्ड फॉन्ट हो सकता है। वेब ब्राउज़र के आधार पर, उपयोगकर्ता वास्तव में कोड लेखक द्वारा परिभाषित फ़ॉन्ट को ओवरराइड कर सकता है। यह व्यक्तिगत पसंद के कारणों से हो सकता है, लेकिन यह उपयोगकर्ता की कुछ भौतिक सीमाओं के कारण भी हो सकता है, जैसे बड़े फ़ॉन्ट आकार की आवश्यकता या कुछ रंगों से बचाव के कारण हो सकता है।
स्थानीय फ़ॉन्ट के अतिरिक्त, आधुनिक वेब ब्राउज़र @font-face घोषणा का उपयोग करके कस्टम फ़ॉन्ट फ़ाइलों को सीधे लिंक करने का समर्थन करते हैं। एक बार सम्मलित करने के बाद, ऐसे फ़ॉन्ट को सभी स्थानीय और फ़ॉलबैक फ़ॉन्ट के साथ,font-familyसंपत्ति में सूचीबद्ध किया जा सकता है।
उदाहरण
निम्नलिखित उदाहरण फॉन्ट फेस (टाइम्स (टाइपफेस) या डिफ़ॉल्ट सेरिफ़, 14 अंक, इटैलिक) को तीन विधियों से परिभाषित करता है:
- सीएसएस के साथ भिन्न स्टाइलशीट में।
styleविशेषता इनलाइन सीएसएस के माध्यम से तत्व पर लागू होता है ।- मूल्यह्रास प्रस्तुतिकरण तत्व के साथ
<font>...</font>और इसकी गैर-मानक विशेषताface. (<i>...</i>सामान्य रूप से बहिष्कृत नहीं किया गया है, लेकिन इसका प्रस्तुतिकरण उपयोग है।)
.text { font-family: times, serif; font-size:14pt; font-style:italic; }
<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 इस प्रकार के उपयोग का समर्थन करते हैं (वे उदाहरणों में नहीं पाए जाते हैं), लेकिन फिर भी अधिकांश ब्राउज़र उन्हें मान्य नामों के रूप में स्वीकार करते हैं।
सामान्य फ़ॉन्ट
फ़ॉन्ट-फ़ैमिली विशिष्ट नामित फ़ॉन्ट (जैसे हैसी मिनचो डब्लू9) का उपयोग कर सकता है, लेकिन परिणाम उपयोगकर्ता मशीन पर स्थापित फ़ॉन्ट पर निर्भर करता है। वास्तविक रूप ब्राउज़र और सिस्टम पर स्थापित फ़ॉन्ट पर निर्भर करेगा।[1] उदाहरण के लिए, माइक्रोसॉफ़्ट विंडोज़ पर फ़ायरफ़ॉक्स का डिफ़ॉल्ट, दोनों सेरिफ़ को टाइम्स न्यू रोमन के रूप में और दोनों सेन्स-सेरिफ़ को एरियल के रूप में प्रदर्शित करेगा।
सामान्यतः उनमें से केवल छोटा सा उप-समुच्चय, मुख्य रूप से सेरिफ़, सैंस-सेरिफ़, मोनोस्पेस और कर्सिव[2] वेब ब्राउज़र में उपयोगकर्ता द्वारा सरलता से कॉन्फ़िगर किया जा सकता है।
कई प्रणालियाँ अदृश्य जाने-माने फ़मिलयों को मीट्रिक-संगत विकल्पों के साथ परिवर्तित करने के लिए विशेष- केस्ड फ़ॉन्ट प्रतिस्थापन भी करती हैं। उदाहरण के लिए, विंडोज हेल्वेटिका को एरियल और टाइम्स को टाइम्स न्यू रोमन के साथ प्रतिस्थापित करता है।[3] ये फैमली सीएसएस अर्थों में सामान्य नहीं हैं, और सामान्यतः ब्राउज़र स्तर पर नियंत्रित नहीं किए जाते हैं।
