问题
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.
来源：https://stackoverflow.com/questions/8529846/font-weight-is-not-working-on-chrome