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

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -