font-weight：300在Chrome中不起作用

Question

我在Chrome中遇到font-weight问题。任何低于默认权重400的字体权重都将以默认权重呈现，覆盖font-weight：300 CSS属性。高于默认权重的字体权重将在Chrome中按预期呈现，并且所有字体权重都在Firefox中正确呈现。为什么会这样？

例如：

<div class="light">Light</div>

使用CSS

.light {font-weight:300;}

将呈现为font-weight：400。

jsfiddle, compare view in Firefox and Chrome

编辑：在Fedora 20中运行的Chrome和Firefox中文本的屏幕截图：

Chrome（呈现错误）：i.imgur.com/MCHHTlF.png

Firefox（正确呈现）：i.imgur.com/tTH9rPd.png

抱歉，我最多只能发布2个链接。

Answer 1

尝试将字体系列更改为'Open Sans Light', sans-serif;。我有同样的问题，这对我有用。它也适用于您提供的小提琴。