css - font-weight:300 doesn't work in Chrome -
i'm having issue font-weight in chrome. font weights lower default weight of 400 render @ default weight, overriding font-weight:300 css attribute. font weights higher default weight render expected in chrome, , font weights render in firefox. why happening?
for example:
<div class="light">light</div>
with css
.light {font-weight:300;}
will render if font-weight:400.
jsfiddle, compare view in firefox , chrome
edit: screenshots of text in both chrome , firefox, running in fedora 20:
chrome (incorrect rendering): i.imgur.com/mchhtlf.png
firefox (correct rendering): i.imgur.com/tth9rpd.png
sorry, can post 2 links maximum, apparently.
try changing font family 'open sans light', sans-serif;
. had same problem , worked me. worked in provided fiddle.
Comments
Post a Comment