मुझे फ़ॉन्ट-वेट मानों को समझ में नहीं आता है। जब मैं इसे बोल्ड, सामान्य या 600+ के रूप में बदलता हूं, तो फ़ॉन्ट भी बदलता है। लेकिन इसे 100 से 500 के रूप में बदलें, कुछ भी नहीं बदलता है। इन मूल्यों का क्यों है?यह सीएसएस फ़ॉन्ट-वेट मान कैसे काम करता है?
font-weight इच्छित फ़ॉन्ट का वजन जिसे आप ब्राउज़र को प्रस्तुत करना चाहते हैं। आम तौर पर एक ही फ़ॉन्ट के अलग-अलग वजन वास्तव में अलग-अलग फ़ॉन्ट होते हैं (Arial बनाम Arial Black पर विचार करें), और ब्राउज़र बोल्डर विविधता के लिए एक अलग फ़ॉन्ट परिवार को भी प्रतिस्थापित कर सकता है। ब्राउज़र में सभी वज़न उपलब्ध सभी फोंट भी उपलब्ध नहीं हैं, इसलिए कुछ font-family/font-weight संयोजनों का कोई प्रभाव नहीं हो सकता है।
ब्राउज़र और सीएसएस एक टाइपसेटिंग सिस्टम नहीं हैं। आपको अपनी अनुरोधित शैलियों को ठीक उसी तरह प्रस्तुत करने की गारंटी नहीं है जैसा आपने उन्हें निर्दिष्ट किया था। यदि आप अपने फ़ॉन्ट्स पर अधिक नियंत्रण चाहते हैं, तो @font-face घोषणाओं का उपयोग करने पर विचार करें।
असल में, यदि निर्दिष्ट फ़ॉन्ट-वेट वाला फ़ॉन्ट मौजूद नहीं है, तो इसे निकटतम फ़ॉन्ट-वेट द्वारा प्रतिस्थापित किया जाएगा। यही कारण है कि आप कोई बदलाव नहीं देखते हैं।
ध्यान दें कि 400 सामान्य है और 700 बोल्ड है, और अधिकांश वेब फ़ॉन्ट्स के पास अधिक फ़ॉन्ट-वेट्स नहीं हैं। तो उस समय का 9 5% प्रतिशत, आप सीएसएस में फ़ॉन्ट-वेट निर्दिष्ट करने के लिए "बोल्ड" और "सामान्य" से चिपके रह सकते हैं।
क्या यह विषय/शब्दों के महत्व से संबंधित हो सकता है? उदाहरण के लिए एचटीएमएल टैग में टेक्स्ट केवल बोल्ड बनाते हैं लेकिन टैग महत्वपूर्ण कीवर्ड के लिए उपयोग किया जाता है। क्या इससे संबंधित है? – regxcode
@regxcode, नहीं, 'बी' और' मजबूत 'तत्वों का सीएसएस शर्तों में एक ही डिफ़ॉल्ट प्रभाव होता है। –
फ़ॉन्ट-वेट वैल्यू फ़ॉन्ट के वजन को बदल देता है।
आम तौर पर केवल सभी ब्राउज़र।
font-weight:bold;
ठीक से काम करते हैं।
100-500 फ़ॉन्ट-वेट फ़ॉन्ट को बोल्ड नहीं करता है क्योंकि फ़ॉन्ट को बोल्ड करने का उसका प्रतिशत 50% से कम है।
और ब्राउज़र अपने नहीं बोल्ड
font-weight मूल्यों, 100 से 900 करने के लिए सामान्य फ़ॉन्ट में बदलने एक फ़ॉन्ट के विभिन्न वजन टाइपफेस को डिजाइन करने का मुद्रण प्रथाओं को दर्शाते हैं। बहुत कम फ़ॉन्ट्स में वे सभी वजन होते हैं, लेकिन विभिन्न वजनों का उपयोग करने के लिए पैमाने को कम या ज्यादा कवर करने के लिए चुना गया है। CSS3 फ़ॉन्ट्स ड्राफ्ट में correspondence का वर्णन संख्या और पारंपरिक टाइपोग्राफ़िक शब्दों जैसे कि थिन, एक्स्ट्रा लाइट इत्यादि के बीच है, लेकिन शब्दावली वास्तव में भिन्न होती है।
टाइपोग्राफी में, प्रत्येक वजन टाइपोग्राफर द्वारा डिज़ाइन किया गया एक अलग टाइपफ़ास है। यह एक कारण है कि अधिकांश फोंटों में केवल दो होते हैं, या शायद केवल एक, वजन: टाइपफ़ेस को डिज़ाइन करने में समय लगता है, और समय धन होता है। विशेष रूप से वेब पर उपयोग किए जाने वाले फ़ॉन्ट्स पर लागू होने का एक अन्य कारण यह है कि डिस्प्ले डिवाइसेज मोटे तौर पर मोटे हैं, जिससे अच्छी टाइपोग्राफी अक्सर एक निर्बाध प्रयास कर रही है। विशेष रूप से, छोटी फ़ॉन्ट ऊंचाई कम-रिज़ॉल्यूशन डिवाइस पर अच्छी तरह से काम नहीं करती है।
सीएसएस विनिर्देश उपलब्ध वजन के लिए घोषित फ़ॉन्ट वजन मैपिंग के लिए एक एल्गोरिदम परिभाषित करता है। उदाहरण के लिए, जब केवल 400 और 700 वजन (सामान्य स्थिति) उपलब्ध होते हैं, तो वजन 100, 200, और 300 400 तक मैप किए जाते हैं।
हालांकि, कुछ मामलों में ब्राउज़र एल्गोरिदमिक रूप से बोल्ड ग्लाइफ होते हैं। यह एक समाधान की तुलना में एक समस्या है, और ब्राउज़र मतभेदों के कारण, यदि आप बिना किसी वजन के लिए पूछते हैं तो यह विषम चीजें पैदा कर सकता है। अधिकांश ब्राउज़र एल्गोरिदमिक बोल्डिंग का उपयोग करते हैं, यदि 600 या उससे अधिक वजन का अनुरोध किया जाता है और फ़ॉन्ट में केवल सामान्य (400) टाइपफ़ेस होता है।उदाहरण के लिए, font-weight: bold सेटिंग जब एरियल यूनिकोड एमएस (जिसमें कोई बोल्ड टाइपफेस नहीं है) में एरियल यूनिकोड एमएस का कृत्रिम रूप से बोल्ड संस्करण बनाता है।
आमतौर पर उपलब्ध फ़ॉन्ट्स के साथ अतिरिक्त समस्याएं हैं। कभी-कभी आपको टाइपफ़ेस नाम का उपयोग करने की आवश्यकता होती है जैसे कि यह फ़ॉन्ट नाम था, उदा। तार्किक सेटिंग font-family: Arial; font-weight: 900 के बजाय font-family: Arial Black। कभी-कभी यह काम नहीं करता है, क्योंकि पर कुछ ब्राउज़र केवल तार्किक तरीके से काम करता है।
एक नियम के रूप में सामान्य और बोल्ड के अलावा अन्य भार का उपयोग करने के जब तक आप जो आप फ़ॉन्ट वजन मुद्दे पर नियंत्रण देता है, @font-face के माध्यम से डाउनलोड करने योग्य फोंट (वेब फोंट) का उपयोग करने की कोशिश नहीं करते। अधिकांश फोंट जिन्हें डाउनलोड करने योग्य के रूप में उपयोग किया जा सकता है, उनमें केवल दो मूल वजन होते हैं, या केवल एक, लेकिन कई वजन वाले दिलचस्प मुफ्त फोंट होते हैं।
आपके फ़ॉन्ट को अलग-अलग वजनों का समर्थन करना है। – Blender
ब्राउज़र या फोंट के मामले में प्रासंगिक? – regxcode
कभी-कभी फ़ॉन्ट डिज़ाइनर 100, 200, 300, आदि वजन फोंट बनाने का विकल्प चुनते हैं। अन्य बार, वे सिर्फ एक या दो वजन बनाते हैं। यदि आप वज़न का उपयोग करते हैं जो वास्तव में वहां नहीं है, तो ब्राउज़र निकटतम वैध वजन का चयन करेगा। – Blender