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;
It could be that the font you're loading in doesn't have a weight lighter than 400. You might need to adjust what you're loading via the Typekit admin.
Go to Control Panel > Appearance and Personalization > Display > Adjust ClearType text (on the left). Check the box entitled “Turn on ClearType.” After going through a short wizard, this will fix some of the text rendering issues in Chrome.
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 love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With