2012-06-06 11 views
26

मैंने कुछ वेबसाइटें देखी हैं, जिनमें सीएसएस - font-weight: 700 या font-weight: bold में उल्लेख किया गया है। लेकिन दोनों परिणाम एक ही हैं। कौन सा सही है और हमें कैसे पालन करना चाहिए? कृपया मुझे सुझाव दें।फ़ॉन्ट-वेट: 700 या फ़ॉन्ट-वेट: बोल्ड कौन सी हमें सीएसएस में पालन करना चाहिए?

+0

यदि आप अपना टेक्स्ट बोल्ड चाहते हैं तो आपको 'फ़ॉन्ट-वेट: बोल्ड;' – khurram

+0

का उपयोग करना चाहिए आम तौर पर, जब फ़ॉन्ट में संख्यात्मक भारों में से एक के लिए उपयुक्त टाइपफ़ेस होता है, तो ब्राउज़र को उस टाइपफ़ेस को प्रदर्शित करना चाहिए। वापस दिनों में सफारी और आईई जैसे ब्राउज़र इसका पालन नहीं करते थे और उचित 'फ़ॉन्ट-वेट: 600' टाइपफेस के बजाए सामान्य बोल्ड में सामान्य रूप से प्रदर्शित होते थे। यह भी देखें http://destination-code.blogspot.com/2009/01/font-weight-number-keywords-100-900.html –

+0

एक अर्थपूर्ण दृष्टिकोण से, मैं संख्याओं पर शब्दों को प्राथमिकता देता हूं। यह '300' से अधिक 'पतली' या' 700' से अधिक 'बोल्ड' के रूप में आसान पढ़ता है। हालांकि व्यक्तिगत वरीयता। –

उत्तर

14

संख्या में font-weight बेहतर है।

चेक इस http://www.w3.org/wiki/CSS/Properties/font-weight

+1

ठीक है। लेकिन क्या यह मूल्यों के समायोजन के संबंध में सभी प्रमुख ब्राउज़रों में काम करता है? –

+0

हाँ यह सभी ब्राउज़रों में काम करता है। – sandeep

+0

नहीं। फ़ायरफ़ॉक्स कम से कम 400 और 700 के अलावा बोल्ड का समर्थन नहीं करता है। –

66

CSS Fonts Module Level 3 Specification में font-weight के लिए आप सभी मान्य मानों का पूर्ण टूटना पा सकते हैं। के तहत section 3.2 (font-weight संपत्ति) हम निम्नलिखित सूची मिल:

  • 100 - पतली
  • 200 - अतिरिक्त प्रकाश (अल्ट्रा लाइट)
  • 300 - लाइट
  • 400 - सामान्य
  • 500 - मध्यम
  • 600 - अर्ध बोल्ड (डेमी बोल्ड)
  • 700 - बोल्ड
  • 800 - अतिरिक्त बोल्ड (अल्ट्रा बोल्ड)
  • 900 - काला (भारी)

आप की संभावना देखा है कि 700 "बोल्ड" है। तो किसी भी तरह से, आप एक ही परिणाम मिल जाएगा। (केवल एक दूसरे को जो एक संख्या से मेल खाती है "सामान्य" है - 400।)

पूरी सूची है:

normal - के रूप में '700'
bolder वही - के रूप में '400'
bold ही - विरासत मान
lighter से विरासत वजन निर्दिष्ट करता है - विरासत मान

से कोई हल्का वजन निर्दिष्ट नहीं करता है कोई वास्तविक अंतर नहीं है। यह और अधिक है कि आप और आपकी टीम के लिए क्या उपयोग किया जाता है। तो फिर बोल्ड डिफ़ॉल्ट क्योंकि संख्या में आप बोल्ड अपने डिजाइन आवश्यकताओं के अनुसार समायोजित कर सकते हैं

+0

फ़ायरफ़ॉक्स इसका सम्मान नहीं करता है। मैं दूसरों के बारे में नहीं जानता। –

+1

@ एनएच। यह इस बात पर निर्भर हो सकता है कि आपने अपने सिस्टम पर कौन से फ़ॉन्ट इंस्टॉल किए हैं, और कौन से वजन/शैलियों उपलब्ध हैं। यदि आप अलग-अलग वजन और शैलियों (और एक ही फ़ॉन्ट नाम) के साथ सीएसएस में फ़ॉन्ट चेहरे घोषित करते हैं, तो एफएफ अपेक्षा के अनुसार समझने और लागू होने लगता है, हालांकि कभी-कभी यह कभी-कभी अन्य ब्राउज़रों से अलग-अलग गलत-बोल्ड और गलत-इटैलिक लागू होता है। –

12

मेरे बुनियादी जवाब पहले से ही दो बार दिए गए के रूप में ही है, लेकिन सही संदर्भ में:

वे परिभाषा से पर्याय बन गया है, सीएसएस 2.1 विनिर्देश, clause 15.6 के अनुसार। यह आधिकारिक विनिर्देश है।

कीवर्ड 'सामान्य' '400' का पर्याय बन गया है, और 'बोल्ड' '700' का पर्याय बन गया है।

शब्द bold कोड अधिक संख्या 700, जो कोई सहज ज्ञान युक्त महत्व है से पठनीय बनाता है। यह संख्या उन स्थितियों में पठनीयता के लिए अधिक उपयुक्त हो सकती है जहां आप संख्याओं का उपयोग करके फ़ॉन्ट वजन निर्दिष्ट करते हैं, वजन कम करने के लिए जिसके लिए कोई कीवर्ड नहीं है।ऐसी स्थितियां दुर्लभ हैं, आंशिक रूप से क्योंकि 400 और 700 के अलावा फ़ॉन्ट वजन अधिकांश फोंट के लिए समर्थित नहीं हैं।

+0

तो कौन सा बेहतर जाना है? –

+2

आपने पूछा कि कौन सा सही है। जवाब यह है कि दोनों सही और समानार्थी हैं। आपने यह भी पूछा कि किस का उपयोग करना है, और सही तकनीकी उत्तर है: जो भी आप चाहें। मैंने आपकी वरीयता तय करते समय कुछ चीजों पर विचार किया। –

+0

ठीक है मुझे मिल गया। धन्यवाद –

0

विंडोज (आईई, एफएफ) पर कुछ ब्राउज़रों में, font-weight:800 कर विभिन्न UTF-8 फोंट साथ काम नहीं करेंगे .. का प्रयोग करें font-weight: bold या font-weight: bolder ..

मैं थोड़ी देर के लिए एक बात का उत्पादन इस कठिन रास्ता मिल गया बीबीसी किर्गिज़ ..

0

कार्यात्मक रूप से वे बराबर हैं, लेकिन स्टाइल-वार मैं कहूंगा कि विधियों में से एक का चयन करें और इसके साथ संगत रहें: या तो आप केवल कीवर्ड या केवल संख्यात्मक पहचानकर्ताओं का उपयोग करते हैं। इससे सीएसएस कोड को समझना आसान हो जाता है।

जैसे फोंट के वजन केवल regular और bold से वजन का अधिक व्यापक स्पेक्ट्रम है, उदाहरण के लिए अतिरिक्त प्रकाश, प्रकाश, पुस्तक, मध्यम, SemiBold, काला, अतिरिक्त काला, जब कस्टम फोंट का उपयोग कर इसे आम तौर पर असंभव संख्यात्मक पहचानकर्ता का उपयोग नहीं करने के लिए है। इन परिस्थितियों में मुझे लगता है कि regular और bold का उपयोग करने से बचने के लिए 400 और 700 का उपयोग करना बेहतर है। यह सीएसएस की समझ को और सुसंगत और सरल बनाता है - यहां तक ​​कि एक अनुभवहीन डेवलपर आसानी से समझ सकता है कि 400500 से पतला है, लेकिन वह नहीं जानता कि regular और 500 पर वह कौन सा पतला है।

यदि आपके पास स्थिति है, तो आप केवल वजन का वजन regular और bold हैं, तो यह संख्यात्मक पहचानकर्ताओं के बजाय कीवर्ड का उपयोग करने के लिए पूरी तरह से उचित और अधिक पठनीय है। लेकिन मेरे काम पर ऐसी परिस्थितियां लगभग बिल्कुल नहीं होती हैं।