900 तो, हम वेट फॉन्ट का उपयोग कर सकते हैं: बोल्ड प्रॉपर्टी को सेट करने के लिए पाठ के एक पैराग्राफ का ई वज़न फ़ॉन्ट 800 तक। जब कोई बच्चा माता-पिता का एक बोल्ड सापेक्ष वजन होता है, तो यह समझने के लिए ऊपर दी गई तालिका का उपयोग करें कि वह कितना मोटा है। उदाहरण के लिए, मान लें कि मेरे पास एक बच्चा है जो 400 के फ़ॉन्ट-वेट के साथ एक अभिभावक है। अगर मैं बोल्डर बच्चे पर फ़ॉन्ट-वजन मान डालता हूं, तो बच्चे पर वजन फ़ॉन्ट 700 हो जाता है। ऐसा इसलिए है क्योंकि बच्चे की तुलना में एक गहरा फ़ॉन्ट है माता-पिता की तुलना में वजन। अगर माता-पिता पहले से ही जितना संभव हो उतना अंधेरा या हल्का है, तो ये गुण कुछ भी नहीं करते हैं। उदाहरण सीएसएस फ़ॉन्ट वजनमान लें कि आप एक वेबसाइट डिजाइन कर रहे हैं सिएटल स्टाम्प क्लब के लिए, एक स्थानीय स्टाम्प कंपनी। जिस स्टैंप कंपनी को हमने कौन हैं - हम एन-हेड करने के लिए कहा है, वे A के बारे में उनकी वेबसाइट पर बोल्ड दिखाई देते हैं। यह शीर्षक पर आगंतुक का ध्यान आकर्षित करेगा। स्टाम्प क्लब ने हमें क्लब के इतिहास के साथ अपनी वेबसाइट पर टेक्स्ट का एक ब्लॉक जोड़ने के लिए कहा है। पाठ का यह खंड सामान्य फ़ॉन्ट भार पर प्रकट होना चाहिए। कुछ वाक्यांश जिन पर क्लब दर्शकों का ध्यान आकर्षित करना चाहता है, उन्हें बोल्ड हम कुछ प्रोत्साहित वाक्यांशों के साथ टेक्स्ट के इस ब्लॉक को बनाने के लिए निम्नलिखित कोड का उपयोग कर सकते हैं: क्लिक शैली बटन हमारे HTML / CSS कोड का आउटपुट देखने के लिए ऊपर दिए गए कोड संपादक में। हमारी एचटीएमएल फाइल में, हमने के एक टेक्स्ट संलग्न पैराग्राफ को परिभाषित किया है; . टैग हमने में कुछ वाक्यों को भी शामिल किया है। टैग, जिन्हें हम अपने सीएसएस में प्रोत्साहित करते हैं अगला, हमारी सीएसएस फ़ाइल में, हमने एक शैली नियम परिभाषित किया है जो प्रत्येक < की फ़ॉन्ट शैली के वजन को परिभाषित करता है। /a> टैग बोल्डर। इसका मतलब है कि टैग में संलग्न टेक्स्ट मूल तत्व की तुलना में अधिक बोल्ड दिखाई देता है। जब हम अपना कोड चलाते हैं, तो हमारा पैराग्राफ सामान्य फ़ॉन्ट चौड़ाई के साथ दिखाई देता है और टैग में संलग्न वाक्य बोल्ड में प्रदर्शित होते हैं। . इस उदाहरण में, भाव सभी का स्वागत करते हैं और 250 सदस्य टैग में संलग्न हैं। परिवर्तनीय वर्णों के साथ बोल्ड सीएसएस पाठ सीएसएस फोंट के नवीनतम स्तर द्वारा हमें कुछ नए फोंट उपलब्ध कराए गए हैं। वे चर वर्ण कहलाते हैं और वर्ण चौड़ाई के रूप में 1 और 1000 के बीच एक संख्या ले सकते हैं। ब्राउज़र समर्थन मई 2020 तक पूरी तरह से लागू नहीं किया गया था, इसलिए वे काफी नए हैं। यदि आप चर फ़ॉन्ट के बारे में अधिक जानकारी चाहते हैं, तो यह rel = "noopener"> l ` परिचय देखें। निष्कर्ष इस ट्यूटोरियल में, हमने चर्चा की है CSS फॉन्ट -वेट प्रॉपर्टी और यह हमारे फॉन्ट की बोल्डनेस को कैसे प्रभावित करता है। हमने सीखा है कि बोल्डर और लाइटर वेट का मतलब पैरेंट एलिमेंट के फॉन्ट वेट से दूर एक रिलेटिव फॉन्ट वेट है। मूल रूप से, हमने एक पर देखा टेक्स्ट कैसा दिखता है यह देखने के लिए कैरेक्टर वेट की रेंज। आप कुछ ही समय में एक समर्थक फ़ॉन्ट भारोत्तोलक बन जाएंगे सीएसएस में कोडिंग के बारे में अधिक जानने के लिए, सीएसएस कैसे सीखें पर हमारी मार्गदर्शिका पढ़ें। अगर आप CSS पर निर्भर हुए बिना अपने टेक्स्ट को बोल्ड बनाना चाहते हैं तो HTML में बोल्ड टेक्स्ट कैसे बनाएं। |