CSS फॉन्ट-स्ट्रेच प्रॉपर्टी का उपयोग कैसे करें

font-stretch CSS गुण आपको अपने पाठ को संक्षिप्त (संक्षिप्त) या व्यापक (विस्तारित) बनाने की अनुमति देता है।

इस प्रकार के फॉन्ट को संघनित . भी कहा जाता है या विस्तारित फोंट्स।

• संघनित फ़ॉन्ट्स संकीर्ण स्ट्रोक-चौड़ाई वाले वर्ण हैं। उनके पास नियमित फ़ॉन्ट की तुलना में वर्णों (अक्षर-अंतराल/अग्रणी) के बीच बहुत कम जगह होती है।
• विस्तारित फ़ॉन्ट उनकी ऊंचाई के अनुपात में सामान्य फोंट की तुलना में व्यापक स्ट्रोक-चौड़ाई वाले वर्ण हैं।

CSS font-stretch संपत्ति के निम्नलिखित मान हैं (फ़ॉन्ट चेहरे की किस्में):

• अल्ट्रा संघनित
• अतिरिक्त संघनित
• संघनित
• अर्ध-संघनित
• सामान्य
• अर्ध-विस्तारित
• विस्तारित
• अतिरिक्त-विस्तारित
• अल्ट्रा-विस्तारित

कोड उदाहरण

h1 {
  font-family: sans-serif;
  font-stretch: expanded;
}

h2 {
  font-family: sans-serif;
  font-stretch: condensed;
}

महत्वपूर्ण: अधिकांश टाइपफेस/फ़ॉन्ट परिवार इन संघनित या विस्तारित फ़ॉन्ट चेहरों से सुसज्जित नहीं होते हैं।

तो इससे पहले कि आप font-stretch का उपयोग करें अपने सीएसएस स्टाइलशीट में संपत्ति, सुनिश्चित करें कि आपके द्वारा उपयोग किए जा रहे फ़ॉन्ट परिवार में विशिष्ट संघनित या विस्तारित फ़ॉन्ट चेहरा है जिसका आप उपयोग करना चाहते हैं।

नोट:यदि आप font-stretch . का उपयोग करते हैं संपत्ति भले ही आपकी पसंद का फ़ॉन्ट-परिवार कोई संघनित या विस्तारित फ़ॉन्ट चेहरे प्रदान न करे, तो कुछ भी नहीं होगा। आपको अशुद्ध बोल्ड या अशुद्ध इटैलिक के विपरीत एक बदसूरत अशुद्ध (कंप्यूटर-जनित) फ़ॉन्ट नहीं मिलेगा।

हालाँकि, ब्राउज़र प्रौद्योगिकियाँ अक्सर बदलती रहती हैं, इसलिए इसे जोखिम में क्यों डालें?