सीएसएस font-size-adjust अब बेसलाइन में है

Rachel Andrew

सेलिब्रेशन: यह वेब सुविधा अब सभी तीन मुख्य ब्राउज़र इंजन में उपलब्ध है. और 23 जुलाई, 2024 से बेसलाइन नए उपलब्ध हो जाएगी.

ब्राउज़र सहायता

• 127
• 127
• 3
• 16.4

सोर्स

सीएसएस font-size-adjust प्रॉपर्टी आज Chrome में उपलब्ध हो गई है, साथ ही, 'बुनियादी रूप से उपलब्ध है' सुविधा का हिस्सा बन जाती है. इस प्रॉपर्टी से, इन खतरों को रोकने में मदद मिल सकती है फ़ॉलबैक फ़ॉन्ट लोड होने पर, लेआउट में बदलाव करें. साथ ही, पक्का करें कि छोटे फ़ॉन्ट साइज़ में फ़ॉलबैक फ़ॉन्ट आसानी से पढ़े जा सकते हैं. font-size-adjust प्रॉपर्टी इसका हिस्सा है इंटरऑप 2024, इसलिए, यह कंपनी की इंटरऑपरेबिलिटी (दूसरे सिस्टम के साथ काम करना) में सुधार करने की कोशिश की एक और जीत है. वेब प्लैटफ़ॉर्म.

समस्या

जब एक जैसे साइज़ वाले दो फ़ॉन्ट की तुलना की जाती है. ऐसा, साइज़ और साइज़ के आधार पर किया जाता है दिखाया गया है, तो दिखाया गया टेक्स्ट अलग-अलग जगह ले सकता है. उदाहरण के लिए, नीचे दिए गए डेमो में वर्डाना और एरियल में टेक्स्ट दिखाया गया है, दोनों ही 16 पिक्सल पर सेट हैं.

वर्डाना और एरियल में 16 पिक्सल में टेक्स्ट दिखाया गया.

साइज़ में अंतर को इस बात से तय किया जाता है कि आसपेक्ट वैल्यू, फ़ॉन्ट में मौजूद अंग्रेज़ी के बड़े अक्षरों से तुलना करते समय, अंग्रेज़ी के छोटे अक्षरों की ऊंचाई, फ़ॉन्ट के बीच अलग-अलग होता है.

इस वजह से, अलग-अलग आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) वाले फ़ॉन्ट का इस्तेमाल करने पर दो समस्याएं हो सकती हैं विकल्प को चुना जा सकता है. सबसे पहले, फ़ॉन्ट के लिए इस्तेमाल किया गया स्टोरेज बदल जाएगा. साथ ही, हो सकता है कि आपके चुने गए फ़ॉलबैक फ़ॉन्ट की टेक्स्ट पढ़ने लायक न हो खास तौर पर, छोटे फ़ॉन्ट साइज़ के लिए. ऐसा इसलिए होता है, क्योंकि अंग्रेज़ी के छोटे अक्षरों से लेकर अंग्रेज़ी के छोटे अक्षरों के बीच की ऊंचाई, आसानी से पढ़ा जा सके.

font-size-adjust से कैसे मदद मिलती है

font-size-adjust प्रॉपर्टी की मदद से, फ़ॉलबैक के फ़ॉन्ट में बदलाव करके उसे बेहतर बनाया जा सकता है पहले फ़ॉन्ट से मिलान करें. नीचे दिए गए उदाहरण में दिखाए गए दो फ़ॉन्ट को दिखाया गया है इस बार दूसरे फ़ॉन्ट में बदलाव किया गया है, ताकि वह पहले फ़ॉन्ट से मैच हो सके.

font-size-adjust का इस्तेमाल करना.

इस उदाहरण में एक वैल्यू का इस्तेमाल किया गया है. ऐसी संख्या जिससे फ़ॉन्ट को अडजस्ट करने के लिए, ex-height की डिफ़ॉल्ट फ़ॉन्ट मेट्रिक. यह x-height का अनुपात है, फ़ॉन्ट साइज़ से फ़ॉन्ट साइज़ में, लोअरकेस x की ऊंचाई. यहां फ़ॉन्ट भी सेट किया जा सकता है मेट्रिक का इस्तेमाल किया गया. अगले उदाहरण में, मैंने ch-width कीवर्ड, संख्या के अलावा.

ch-width फ़ॉन्ट मेट्रिक के साथ font-size-adjust का इस्तेमाल करना.

सभी संभावित वैल्यू देखने के लिए, font-size-adjust के लिए एमडीएन दस्तावेज़.

अपनी साइट को बेहतर तरीके से देखने के लिए, फ़ॉलबैक फ़ॉन्ट का इस्तेमाल किया जा सकता है. साथ ही, यह भी देखा जा सकता है कि font-size-adjust के साथ ट्वीक करने से उन लोगों को मदद मिल सकती है जो फ़ॉलबैक फ़ॉन्ट का इस्तेमाल करते हैं बेहतर अनुभव पाएं. खास तौर पर, अब यह हर जगह उपलब्ध है!