如何获得“字体粗细：较轻”在 Google Chrome 中工作？

Question

在 Google Chrome（可能还有 Safari）中，“font-weight：normal”和“font-weight：bold”之间似乎没有任何区别。有没有人找到一种方法可以像 Firefox 那样在 Chrome 中调用“font-weight: Thing”？

Answer 1

这似乎是已知问题 在最新开发版本中修复的 Chrome 中：

有一个 ​​临时解决方法 您还可以尝试：

要在未定义粗体字体的 @font-face 字体上启用 font-weight 属性，您需要显式定义 < @font-face 中的 code>font-weight:normal; 和 font-style:normal;定义。示例：

@font-face {
    font-family: 'GriffosFont Regular';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/GriffosFont.eot');
    src: local('GriffosFont Regular'), local('GriffosFont'), url('fonts/GriffosFont.woff') format('woff'), url('fonts/GriffosFont.\
ttf') format('truetype'), url('fonts/GriffosFont.svg#GriffosFont') format('svg');
}

Answer 2

也许您需要将其添加到 CSS 中：

* {-webkit-font-smoothing: antialiased;}

Answer 3

font-weight: lighter; 不适合我，所以我使用 font-weight: normal; 代替，这符合我的目的。不知道chrome现在怎么样了......