फ़ॉन्ट फॅमिली (एचटीएमएल): Difference between revisions
No edit summary |
No edit summary |
||
| Line 11: | Line 11: | ||
== उदाहरण == | == उदाहरण == | ||
निम्नलिखित उदाहरण | निम्नलिखित उदाहरण फॉन्ट फेस ([[ टाइम्स (टाइपफेस) ]]या डिफ़ॉल्ट [[ सेरिफ़ |सेरिफ़]], 14 अंक, इटैलिक) को तीन विधियों से परिभाषित करता है: | ||
* सीएसएस के साथ | * सीएसएस के साथ भिन्न स्टाइलशीट में। | ||
* {{code|style}} विशेषता इनलाइन सीएसएस के माध्यम से | * {{code|style}} विशेषता इनलाइन सीएसएस के माध्यम से तत्व पर लागू होता है । | ||
* मूल्यह्रास प्रस्तुतिकरण तत्व के साथ {{tag|font}} और इसकी गैर-मानक विशेषता {{code|face}}. ({{tag|i}} सामान्य रूप से बहिष्कृत नहीं किया गया है, लेकिन इसका प्रस्तुतिकरण उपयोग है।) | * मूल्यह्रास प्रस्तुतिकरण तत्व के साथ {{tag|font}} और इसकी गैर-मानक विशेषता {{code|face}}. ({{tag|i}} सामान्य रूप से बहिष्कृत नहीं किया गया है, लेकिन इसका प्रस्तुतिकरण उपयोग है।) | ||
<syntaxhighlight lang= css >.text { | <syntaxhighlight lang="css">.text { font-family: times, serif; font-size:14pt; font-style:italic; }</syntaxhighlight> | ||
<nowiki><p class="text"></nowiki> | <nowiki><p class="text"></nowiki> | ||
Sample text formatted with CSS in a separate stylesheet. | Sample text formatted with CSS in a separate stylesheet. | ||
<nowiki></p></nowiki> | <nowiki></p></nowiki> | ||
</p> | </p> | ||
| Line 25: | Line 27: | ||
</p> | </p> | ||
<p><i>Sample text formatted with inline CSS. | <p><i>Sample text formatted with inline CSS.</i></p> | ||
</i></p> | |||
<nowiki></p></nowiki> | <nowiki></p></nowiki> | ||
Revision as of 21:02, 14 January 2023
| HTML |
|---|
| Comparisons |
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 इस तरह के उपयोग का समर्थन करते हैं (वे उदाहरणों में नहीं पाए जाते हैं), लेकिन फिर भी अधिकांश ब्राउज़र उन्हें मान्य नामों के रूप में स्वीकार करते हैं।
सामान्य फ़ॉन्ट
फ़ॉन्ट-फ़ैमिली एक विशिष्ट नामित फ़ॉन्ट (जैसे Heisei Mincho W9) का उपयोग कर सकता है, लेकिन परिणाम उपयोगकर्ता मशीन पर स्थापित फ़ॉन्ट पर निर्भर करता है। वास्तविक रूप ब्राउज़र और सिस्टम पर स्थापित फोंट पर निर्भर करेगा।[1] उदाहरण के लिए, माइक्रोसॉफ़्ट विंडोज़ पर फ़ायर्फ़ॉक्स का एक डिफ़ॉल्ट (कंप्यूटर विज्ञान) , दोनों सेरिफ़ को टाइम्स न्यू रोमन के रूप में और दोनों सेन्स-सेरिफ़ को एरियल के रूप में प्रदर्शित करेगा।
सामान्यतः उनमें से केवल एक छोटा सा उपसमुच्चय, मुख्य रूप से सेरिफ़, सैंस-सेरिफ़, मोनोस्पेस और कर्सिव[2] वेब ब्राउज़र में उपयोगकर्ता द्वारा आसानी से कॉन्फ़िगर किया जा सकता है।
कई प्रणालियाँ लापता जाने-माने परिवारों को मीट्रिक-संगत विकल्पों के साथ बदलने के लिए विशेष-केस्ड फ़ॉन्ट प्रतिस्थापन भी करती हैं। उदाहरण के लिए, विंडोज हेलवेटिका को एरियल और टाइम्स को टाइम्स न्यू रोमन के साथ प्रतिस्थापित करता है।[3] ये परिवार सीएसएस अर्थों में सामान्य नहीं हैं, और सामान्यतः ब्राउज़र स्तर पर नियंत्रित नहीं किए जाते हैं।
यह भी देखें
