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

Question

Google Chrome(可能还有Safari)中的'font-weight:normal'和'font-weight:bold'之间似乎没有任何区别.有没有人找到一种方法来像Chrome一样在Chrome中调用'font-weight:thinner'？

Answer 1

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

您也可以尝试以下临时解决方法：

要在未定义粗体字体的字体font-weight上启用该属性，您需要在定义中显式定义和。例子：@font-facefont-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');
}