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;
Solved with:
font-weight: 900;
font-family: "Arial Black", Arial, sans-serif;
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/
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.