Question

Google Chrome（可能还有Safari）中'font-weight：normal'和'font-weight：bold'之间似乎没有任何区别。有没有人找到过像Chrome一样在Chrome中调用'font-weight：thinner'的方法？

Answer 1

在最新的开发版本中，这似乎是Chrome中的known issue：

您还可以尝试temporary workaround：

要在未定义粗体字体的font-weight字体上启用@font-face属性，您需要明确定义 font-weight:normal; 和font-style:normal;定义中的@font-face 。例如：

@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;代替了我的目的。现在还不确定镀铬会发生什么......

如何在Google Chrome中使用'font-weight：lighter'？

3 个答案: