我在 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 个链接。
最佳答案
尝试将字体系列更改为 'Open Sans Light', sans-serif;
。我遇到了同样的问题,这对我有用。它也适用于您提供的 fiddle 。
关于css - 字体粗细 :300 doesn't work in Chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24111985/