css - 字体粗细 :300 doesn't work in Chrome

Question

我在 Chrome 中遇到字体粗细问题。任何低于默认重量 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;。我遇到了同样的问题，这对我有用。它也适用于您提供的 fiddle 。