2011-12-16 20 views
5

बस कुछ ऐसा परीक्षण किया जो फ़ायरफ़ॉक्स और क्रोम पर सही काम करता है font-weight: bold/bolder संपत्ति के साथ कोई भी नहीं बनाता है।'फ़ॉन्ट-वेट' क्रोम पर काम नहीं कर रहा है?

मैं एक सीएसएस संपत्ति है कि उसे ओवरराइट किया जा सकता है और कोई नहीं है के लिए देखने के लिए करने की कोशिश की, यह भी गूगल कोई जवाब मेरे लिए .. है

position: absolute; 
top: 8px; 
left: 50px; 
font-size:38px; 
font-weight: bolder; 
+1

क्या आप [JSfiddle] (http://jsfiddle.net/) पर एक कामकाजी उदाहरण बना सकते हैं और इसे यहां पोस्ट कर सकते हैं? –

+0

[नो-रेपो] (http://jsfiddle.net/mattball/mfw7e/)। कृपया एक [एसएससीसीई] (http://sscce.org) प्रदान करें क्योंकि मूल रूप से समस्या कहीं और होनी चाहिए। –

+0

कुछ और गलत है। यह आपके उदाहरण में बेवकूफ है। वास्तव में, यह दो बार बोल्ड होता है, एक बार आपके '# काउंटरडाउन पैनेल' शैली की घोषणा के आधार पर और एक बार '.box' शैली घोषणा के लिए। – mrtsherman

उत्तर

6

साथ हल।

मुझे एक ही समस्या है, लेकिन क्रोम के साथ font-weight:normal को अनदेखा कर और डिफ़ॉल्ट रूप से बोल्ड का उपयोग करके - यह बोल्ड संस्करण की तरह दिखता नहीं है, और कोई एंटी-एलियासिंग नहीं है।

1

यह ठीक काम करता है। संपत्ति कहीं कहीं अधिलेखित होनी चाहिए या कहीं भी आपकी एचटीएमएल संरचना में कोई गलती होनी चाहिए। जब आप क्रोम इंस्पेक्टर के माध्यम से तत्व का निरीक्षण करते हैं तो क्या आप देखते हैं कि इसमें बोल्डर शैली विशेषता है?

font-weight: 900; 
font-family: "Arial Black", Arial, sans-serif; 
1

आप font-family के लिए @font-face उपयोग कर रहे हैं, तो आप शायद this bug सामना कर रहे हैं:

http://jsfiddle.net/NNBZB/

+0

मेरे मामले में, मेरे पास 'फ़ॉन्ट-वेट 'था @ फ़ॉन्ट-फेस 'नियम जो मेरी कक्षाओं के' फ़ॉन्ट-वेट 'को ओवरराइड कर रहा था, भले ही उनके पास' महत्वपूर्ण 'था। – xinthose

संबंधित मुद्दे