【发布时间】：2014-07-29 12:05:31
【问题描述】：
我在 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 个链接。
【问题讨论】：
-
@jandresrodriguez 是的，我使用的是 Google 网络字体。这是问题的根源吗？
-
查看当您自定义字体时，您检查了您正在寻找的粗细选项
-
@jandresrodriguez 我做到了。权重300、400、700都加载了，但是只用到了400和700……
-
从您发布的示例中我觉得很好
-
@BlakeMann 嗯，也许它是特定于操作系统的。我已将一些屏幕截图和我正在使用的操作系统 (Fedora 20) 编辑到我的原始帖子中。
标签： css google-chrome fonts