6

Just tested something that works perfect on firefox and chrome doesn't makes anyhing with font-weight: bold/bolder property.

I tried to look up for another CSS property that may be overwriting it and there is none, also Google has no answers for me.. 

position: absolute;
top: 8px;
left: 50px;
font-size:38px;
font-weight: bolder;
BalusC
  • 1,082,665
  • 372
  • 3,610
  • 3,555
Ricardo
  • 1,653
  • 8
  • 26
  • 51
  • 1
    Can you create a working example on [JSfiddle](http://jsfiddle.net/) and post it here? – Andrew Marshall Dec 16 '11 at 04:43
  • [no-repro](http://jsfiddle.net/mattball/mfw7e/). Please provide an [SSCCE](http://sscce.org) since the problem basically must be elsewhere. – Matt Ball Dec 16 '11 at 04:44
  • Something else is wrong. It is bold in your example fiddle. In fact, it is bold twice, once based on your `#CountDownPanel` style declaration and once for the `.box` style declaration. – mrtsherman Dec 16 '11 at 05:13
  • @Ricardo: Instead of editing your question and adding "*SOLVED*" to the title, please post the solution as an answer to the question and mark the answer as accepted. Thanks! – Dan Moulding Dec 16 '11 at 14:00
  • possible duplicate of [Chrome not respecting font weight?](http://stackoverflow.com/questions/15249654/chrome-not-respecting-font-weight) – Mo. Feb 25 '14 at 17:42

3 Answers3

7

Solved with:

font-weight: 900;
font-family: "Arial Black", Arial, sans-serif;
BalusC
  • 1,082,665
  • 372
  • 3,610
  • 3,555
Ricardo
  • 1,653
  • 8
  • 26
  • 51
1

If you are using @font-face for the font-family, then you are probably experiencing this bug.

I'm having the same problem, but with Chrome ignoring font-weight:normal and using bold by default - it's doesn't even look like the bold version should, and there is no anti-aliasing.

WillP
  • 11
  • 1
  • In my case, I had `font-weight` in the `@font-face` rule which was overriding my classes' `font-weight` even though they had `!important`. – xinthose Jul 14 '17 at 16:25
1

It works fine. The property must be getting overwritten somewhere or there is a mistake in your html structure somewhere. When you inspect the element via Chrome inspector do you see that it has the bolder style attribute?

http://jsfiddle.net/NNBZB/

mrtsherman
  • 39,342
  • 23
  • 87
  • 111