`font-weight` Is not working on chrome?

2019-06-20 04:00发布

问题:

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;

回答1:

Solved with:

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


回答2:

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/



回答3:

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.