फ़ॉन्ट फॅमिली (एचटीएमएल): Difference between revisions

From Vigyanwiki
No edit summary
No edit summary
Line 3: Line 3:
(X)HTML(एचटीएमएल), और [[ CSS | सीएसएस(CSS)]] व्युत्पन्न प्रणालियों में फ़ॉन्ट फैमिली चयन प्राथमिकता वाले फ़ॉन्ट और जैनेरिक फैमिली नेम की सूची निर्दिष्ट करता है; संबंधित फ़ॉन्ट गुणों के साथ, यह सूची वर्णों को प्रस्तुत करने के लिए उपयोग किए जाने वाले विशेष फ़ॉन्ट फेस को निर्धारित करती है। फैमिली चयन दो रूपों में उपलब्ध है: बहिष्कृत (एक्स) [[ एचटीएमएल ]] में {{tag|font}} इसके साथ तत्व {{code|face}} विशेषता, और सीएसएस में {{code|font-family}} संपत्ति।
(X)HTML(एचटीएमएल), और [[ CSS | सीएसएस(CSS)]] व्युत्पन्न प्रणालियों में फ़ॉन्ट फैमिली चयन प्राथमिकता वाले फ़ॉन्ट और जैनेरिक फैमिली नेम की सूची निर्दिष्ट करता है; संबंधित फ़ॉन्ट गुणों के साथ, यह सूची वर्णों को प्रस्तुत करने के लिए उपयोग किए जाने वाले विशेष फ़ॉन्ट फेस को निर्धारित करती है। फैमिली चयन दो रूपों में उपलब्ध है: बहिष्कृत (एक्स) [[ एचटीएमएल ]] में {{tag|font}} इसके साथ तत्व {{code|face}} विशेषता, और सीएसएस में {{code|font-family}} संपत्ति।


सीएसएस शब्द [[ फ़ॉन्ट ]]फैमिली टाइपोग्राफ़िकल शब्द [[ टाइपफ़ेस ]]से मिलता है, जो साझा डिज़ाइन शैलियों द्वारा परिभाषित फ़ॉन्ट्स का समूह है। फॉन्ट ग्लिफ़ (चरित्र आकार) का एक विशेष सेट है, जो एक ही परिवार में अन्य फोंट से स्ट्रोक वजन, तिरछा, सापेक्ष चौड़ाई, आदि जैसे अतिरिक्त गुणों से भिन्न होता है। सीएसएस शब्द फ़ॉन्ट फेस फ़ॉन्ट के साथ मिलता है; यह फ़ॉन्ट फैमिली और अतिरिक्त गुणों के संयोजन से तय होता है।
सीएसएस शब्द [[ फ़ॉन्ट ]]फैमिली टाइपोग्राफ़िकल शब्द [[ टाइपफ़ेस ]]से मिलता है, जो साझा डिज़ाइन शैलियों द्वारा परिभाषित फ़ॉन्ट्स का समूह है। फॉन्ट ग्लिफ़ (चरित्र आकार) का एक विशेष सेट है, जो एक ही फैमिली में अन्य फोंट से स्ट्रोक वजन, तिरछा, सापेक्ष चौड़ाई, आदि जैसे अतिरिक्त गुणों से भिन्न होता है। सीएसएस शब्द फ़ॉन्ट फेस फ़ॉन्ट के साथ मिलता है; यह फ़ॉन्ट फैमिली और अतिरिक्त गुणों के संयोजन से तय होता है।


एचटीएमएल और सीएसएस दोनों में, सूची को अल्पविराम से अलग किया जाता है। अनपेक्षित परिणामों से बचने के लिए, फ़ॉन्ट सूची पर अंतिम फ़ॉन्ट परिवार वेब टाइपोग्राफी#जेनेरिक फ़ॉन्ट परिवारों में से एक होना चाहिए जो डिफ़ॉल्ट रूप से हमेशा उपलब्ध होते हैं। किसी फॉन्ट के न मिलने पर, वेब ब्राउजर अपने डिफॉल्ट फॉन्ट का इस्तेमाल करेगा, जो यूजर-डिफाइन्ड फॉन्ट हो सकता है। वेब ब्राउज़र के आधार पर, उपयोगकर्ता वास्तव में कोड लेखक द्वारा परिभाषित फ़ॉन्ट को ओवरराइड कर सकता है। यह व्यक्तिगत स्वाद कारणों से हो सकता है, लेकिन यह उपयोगकर्ता की कुछ भौतिक सीमाओं के कारण भी हो सकता है, जैसे बड़े फ़ॉन्ट आकार की आवश्यकता या कुछ रंगों से बचाव।
एचटीएमएल और सीएसएस दोनों में, सूची को अल्पविराम से अलग किया जाता है। अनपेक्षित परिणामों से बचने के लिए, फ़ॉन्ट सूची पर अंतिम फ़ॉन्ट फैमिली वेब टाइपोग्राफी जेनेरिक फ़ॉन्ट फैमिली में से एक होना चाहिए जो डिफ़ॉल्ट रूप से हमेशा उपलब्ध होते हैं। किसी फॉन्ट के न मिलने पर, वेब ब्राउजर अपने डिफॉल्ट फॉन्ट का प्रयोग करेगा, जो यूजर-डिफाइन्ड फॉन्ट हो सकता है। वेब ब्राउज़र के आधार पर, उपयोगकर्ता वास्तव में कोड लेखक द्वारा परिभाषित फ़ॉन्ट को ओवरराइड कर सकता है। यह व्यक्तिगत पसंद के कारणों से हो सकता है, लेकिन यह उपयोगकर्ता की कुछ भौतिक सीमाओं के कारण भी हो सकता है, जैसे बड़े फ़ॉन्ट आकार की आवश्यकता या कुछ रंगों से बचाव।


स्थानीय फोंट के अलावा, आधुनिक वेब ब्राउज़र वेब टाइपोग्राफी#वेब फोंट को सीधे उपयोग करके लिंक करने का समर्थन करते हैं <code>@font-face</code> घोषणा। एक बार शामिल करने के बाद, ऐसे फोंट को इसमें सूचीबद्ध किया जा सकता है <code>font-family</code> संपत्ति, सभी स्थानीय और फ़ॉलबैक फ़ॉन्ट के साथ।
स्थानीय फोंट के अतिरिक्त, आधुनिक वेब ब्राउज़र वेब टाइपोग्राफी वेब फोंट को सीधे उपयोग करके लिंक करने का समर्थन करते हैं <code>@font-face</code> घोषणा। एक बार सम्मलित करने के बाद, ऐसे फोंट को इसमें सूचीबद्ध किया जा सकता है <code>font-family</code> संपत्ति, सभी स्थानीय और फ़ॉलबैक फ़ॉन्ट के साथ।


== उदाहरण ==
== उदाहरण ==

Revision as of 16:43, 13 January 2023

(X)HTML(एचटीएमएल), और सीएसएस(CSS) व्युत्पन्न प्रणालियों में फ़ॉन्ट फैमिली चयन प्राथमिकता वाले फ़ॉन्ट और जैनेरिक फैमिली नेम की सूची निर्दिष्ट करता है; संबंधित फ़ॉन्ट गुणों के साथ, यह सूची वर्णों को प्रस्तुत करने के लिए उपयोग किए जाने वाले विशेष फ़ॉन्ट फेस को निर्धारित करती है। फैमिली चयन दो रूपों में उपलब्ध है: बहिष्कृत (एक्स) एचटीएमएल में ‎<font>...‎</font> इसके साथ तत्व face विशेषता, और सीएसएस में font-family संपत्ति।

सीएसएस शब्द फ़ॉन्ट फैमिली टाइपोग्राफ़िकल शब्द टाइपफ़ेस से मिलता है, जो साझा डिज़ाइन शैलियों द्वारा परिभाषित फ़ॉन्ट्स का समूह है। फॉन्ट ग्लिफ़ (चरित्र आकार) का एक विशेष सेट है, जो एक ही फैमिली में अन्य फोंट से स्ट्रोक वजन, तिरछा, सापेक्ष चौड़ाई, आदि जैसे अतिरिक्त गुणों से भिन्न होता है। सीएसएस शब्द फ़ॉन्ट फेस फ़ॉन्ट के साथ मिलता है; यह फ़ॉन्ट फैमिली और अतिरिक्त गुणों के संयोजन से तय होता है।

एचटीएमएल और सीएसएस दोनों में, सूची को अल्पविराम से अलग किया जाता है। अनपेक्षित परिणामों से बचने के लिए, फ़ॉन्ट सूची पर अंतिम फ़ॉन्ट फैमिली वेब टाइपोग्राफी जेनेरिक फ़ॉन्ट फैमिली में से एक होना चाहिए जो डिफ़ॉल्ट रूप से हमेशा उपलब्ध होते हैं। किसी फॉन्ट के न मिलने पर, वेब ब्राउजर अपने डिफॉल्ट फॉन्ट का प्रयोग करेगा, जो यूजर-डिफाइन्ड फॉन्ट हो सकता है। वेब ब्राउज़र के आधार पर, उपयोगकर्ता वास्तव में कोड लेखक द्वारा परिभाषित फ़ॉन्ट को ओवरराइड कर सकता है। यह व्यक्तिगत पसंद के कारणों से हो सकता है, लेकिन यह उपयोगकर्ता की कुछ भौतिक सीमाओं के कारण भी हो सकता है, जैसे बड़े फ़ॉन्ट आकार की आवश्यकता या कुछ रंगों से बचाव।

स्थानीय फोंट के अतिरिक्त, आधुनिक वेब ब्राउज़र वेब टाइपोग्राफी वेब फोंट को सीधे उपयोग करके लिंक करने का समर्थन करते हैं @font-face घोषणा। एक बार सम्मलित करने के बाद, ऐसे फोंट को इसमें सूचीबद्ध किया जा सकता है font-family संपत्ति, सभी स्थानीय और फ़ॉलबैक फ़ॉन्ट के साथ।

उदाहरण

निम्नलिखित उदाहरण एक ही फॉन्ट फेस (टाइम्स (टाइपफेस) या एक डिफ़ॉल्ट सेरिफ़ , 14 अंक, इटैलिक) को तीन तरीकों से परिभाषित करता है:

  • सीएसएस के साथ एक अलग स्टाइलशीट में।
  • इनलाइन सीएसएस के माध्यम से एक तत्व पर लागू होता है style विशेषता।
  • मूल्यह्रास प्रस्तुतिकरण तत्व के साथ ‎<font>...‎</font> और इसकी गैर-मानक विशेषता face. (‎<i>...‎</i> सामान्य रूप से बहिष्कृत नहीं किया गया है, लेकिन इसका प्रस्तुतिकरण उपयोग है।)
.text { फ़ॉन्ट-फ़ैमिली: टाइम्स, सेरिफ़; फ़ॉन्ट-आकार: 14pt; फ़ॉन्ट-शैली: इटैलिक; }

<वाक्यविन्यास लैंग = html4सख्त> <पी वर्ग = पाठ> एक अलग स्टाइलशीट में CSS के साथ स्वरूपित नमूना पाठ।

<पी शैली = फ़ॉन्ट-परिवार: समय, सेरिफ़; फ़ॉन्ट-आकार: 14pt; फ़ॉन्ट-शैली: इटैलिक> नमूना पाठ इनलाइन सीएसएस के साथ स्वरूपित।

<फ़ॉन्ट फेस = बार, सेरिफ़ आकार = 3> बहिष्कृत फ़ॉन्ट टैग के साथ प्रारूपित नमूना पाठ।

</वाक्यविन्यास हाइलाइट>

अल्पविराम के बाद एक स्थान डालना और उद्धरण चिह्नों के बीच रिक्त स्थान वाले किसी भी नाम को रखना सबसे अच्छा अभ्यास है।

फ़ॉन्ट नाम परिवार के नाम के रूप में

हालांकि सीएसएस एक फ़ॉन्ट परिवार को टाइपफेस के समान ही परिभाषित करने का प्रयास करता है, लेकिन font-family प्रविष्टि और इसके गैर-मानक HTML पूर्ववर्ती का भी ऐतिहासिक रूप से पूरे फ़ॉन्ट चेहरे की पहचान करने के लिए उपयोग किया गया है। यह उपयोग फॉन्ट फाइलों के कारण है जो खुद को एक परिवार का हिस्सा नहीं बताते हैं, आंशिक रूप से इस तथ्य से प्रेरित हैं कि उस समय कुछ संपादकों ने चार से अधिक फ़ॉन्ट शैलियों (बोल्ड/नियमित और इटैलिक/नियमित) के बीच चयन का समर्थन किया था।

नतीजतन, इस तरह की घोषणाओं को देखना आम हो जाता था font-family: 'Gill Sans Extrabold', 'Heisei Mincho W9' पांडित्यपूर्ण रूप से सही के स्थान पर font-family: 'Gill Sans', 'Heisei Mincho'; font-weight: 900. न तो CSS2 और न ही CSS3 इस तरह के उपयोग का समर्थन करते हैं (वे उदाहरणों में नहीं पाए जाते हैं), लेकिन फिर भी अधिकांश ब्राउज़र उन्हें मान्य नामों के रूप में स्वीकार करते हैं।

सामान्य फ़ॉन्ट

फ़ॉन्ट-फ़ैमिली एक विशिष्ट नामित फ़ॉन्ट (जैसे Heisei Mincho W9) का उपयोग कर सकता है, लेकिन परिणाम उपयोगकर्ता मशीन पर स्थापित फ़ॉन्ट पर निर्भर करता है। वास्तविक रूप ब्राउज़र और सिस्टम पर स्थापित फोंट पर निर्भर करेगा।[1] उदाहरण के लिए, माइक्रोसॉफ़्ट विंडोज़ पर फ़ायर्फ़ॉक्स का एक डिफ़ॉल्ट (कंप्यूटर विज्ञान) , दोनों सेरिफ़ को टाइम्स न्यू रोमन के रूप में और दोनों सेन्स-सेरिफ़ को एरियल के रूप में प्रदर्शित करेगा।

आमतौर पर उनमें से केवल एक छोटा सा उपसमुच्चय, मुख्य रूप से सेरिफ़, सैंस-सेरिफ़, मोनोस्पेस और कर्सिव[2] वेब ब्राउज़र में उपयोगकर्ता द्वारा आसानी से कॉन्फ़िगर किया जा सकता है।

कई प्रणालियाँ लापता जाने-माने परिवारों को मीट्रिक-संगत विकल्पों के साथ बदलने के लिए विशेष-केस्ड फ़ॉन्ट प्रतिस्थापन भी करती हैं। उदाहरण के लिए, विंडोज हेलवेटिका को एरियल और टाइम्स को टाइम्स न्यू रोमन के साथ प्रतिस्थापित करता है।[3] ये परिवार CSS अर्थों में सामान्य नहीं हैं, और आमतौर पर ब्राउज़र स्तर पर नियंत्रित नहीं किए जाते हैं।

यह भी देखें


टिप्पणियाँ

  1. "फोंट्स". W3.org. Retrieved 2013-09-21.
  2. very few web browsers, including Konqueror, support changing Cursive
  3. "फ़ॉन्ट प्रौद्योगिकी - वैश्वीकरण". docs.microsoft.com (in English).