यह पोस्ट फ़ॉन्ट आकार के साथ पठनीयता बढ़ाने की विधि के बारे में विस्तार से बताएगी।
फ़ॉन्ट आकार के साथ पठनीयता कैसे बढ़ाएं?
विभिन्न कारकों पर काम करके फ़ॉन्ट की पठनीयता को बढ़ाया जा सकता है। जैसे कि लाइन की लंबाई को थोड़ा बड़े आकार में बढ़ाना। इसके अतिरिक्त, एक उपयुक्त फ़ॉन्ट परिवार का उपयोग करें, और उचित फ़ॉन्ट आकार का उपयोग करें। हालाँकि, फ़ॉन्ट आकार के साथ पठनीयता में वृद्धि को व्यावहारिक रूप से सीखने के लिए, नीचे दिए गए चरणों का पालन करें:
चरण 1: एक HTML संरचना बनाएं चरण 2: सीएसएस लागू करें उत्पादन चरण 3: मीडिया क्वेरी लागू करें मीडिया क्वेरी लागू करने के बाद एक आउटपुट नीचे दिया गया है। मीडिया क्वेरी उन डिवाइसों के लिए डिज़ाइन की गई थी जिनका स्क्रीन आकार 'के बराबर या उससे कम है' 768px ”: फ़ॉन्ट आकार के साथ पठनीयता बढ़ाने के लिए, सबसे पहले, पठनीयता और फ़ॉन्ट आकार की भावना विकसित करें। इसके अलावा, विभिन्न फ़ॉन्ट आकार और फ़ॉन्ट टैग को समझें। उपयुक्त फ़ॉन्ट आकार चुनें और फिर उपयुक्त पंक्ति ऊंचाई चुनें। आमतौर पर, लाइन की ऊंचाई फ़ॉन्ट आकार से 1.2 गुना होती है। इसके अलावा, वह फ़ॉन्ट परिवार चुनें जो वेब सामग्री के लिए उपयुक्त हो। इस आलेख ने फ़ॉन्ट आकार के साथ पठनीयता बढ़ाने का व्यावहारिक तरीका प्रदर्शित किया है।
बनाने से शुरुआत करें
< शरीर >
< डिव कक्षा = 'सामग्री' >
< एच 1 > लिनक्स हिंट में आपका स्वागत है। < / एच 1 >
< पी > एक लोकप्रिय पोर्टल वेबसाइट लिनक्स हिंट कंप्यूटर विज्ञान विषयों के बारे में बेहतरीन जानकारी प्रदान कर रही है। < / पी >
< / डिव >
< / शरीर >
सबसे पहले, 'सेट करें फ़ॉन्ट आकार ' को ' 16px ' और 'लाइन-ऊंचाई' से ' 1.5 ”। इसके अलावा, इसके लिए फ़ॉन्ट भी सेट करें और <पी> टैग:
शरीर {
फ़ॉन्ट-फ़ैमिली: सैन्स-सेरिफ़;
फ़ॉन्ट- आकार : 18px;
रेखा- ऊंचाई : 1.5 ;
}
एच 1 {
मूलपाठ- संरेखित : केंद्र;
फ़ॉन्ट- आकार : 26px;
}
पी {
फ़ॉन्ट- आकार : 18px;
}
यहां उस कोड का आउटपुट दिया गया है जो सभी स्क्रीन आकारों के लिए उपयुक्त है:
@ मिडिया ( अधिकतम- चौड़ाई : 768px ) {
शरीर {
फ़ॉन्ट- आकार : 16पीएक्स;
रेखा- ऊंचाई : 1.5 ;
}
एच 1 {
फ़ॉन्ट- आकार : 22px;
}
पी {
फ़ॉन्ट- आकार : 14
}
}
निष्कर्ष