CODEWITHSUNDEEP
cssgoogle-chromefonts
Ricardo
Ricardo

Reputation: 1672

`font-weight` Is not working on chrome?

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;

Upvotes: 6

Views: 16639

Answers (3)

WillP
WillP

Reputation: 11

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.

Upvotes: 1

Ricardo
Ricardo

Reputation: 1672

Solved with:

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

Upvotes: 7

mrtsherman
mrtsherman

Reputation: 39872

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/

Upvotes: 1

Related Questions