字体粗细不起作用

时间:2017-05-23 13:32:11

标签: html css fonts

我在使较轻的字体权重工作时遇到问题。我的字体包含我想在计算机上使用的所有重量,但它不会起作用。我发现很多字体都不适用于较轻的重量。这是怎么回事?

https://jsfiddle.net/ywr2ks1p/



p{
  font-family: museo sans;
  font-weight: 100;
  font-size: 50px;
}

<div>
  <p>
  hello I am some text
  </p>
</div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:3)

如果我放600或者更多,它会像预期的那样变得大胆。也许如果我要安装一个瘦重的字体版本,较低的版本可以工作。取而代之的是,浏览器默认为普通或粗体。

From Mozilla CSS Reference

  

如果给定的确切权重不可用,则使用以下启发式方法来确定实际呈现的权重:

     
      
  • 如果给出的重量大于500,则使用最接近的可用较暗的重量(或者,如果没有,则使用最接近的较轻的重量)   重量计)。
  •   
  • 如果重量小于400,则使用最接近的较轻重量(或者,如果没有,则使用最接近的重量较暗)   重量计)。
  •   
  • 如果给出恰好为400的重量,则使用500。如果500不可用,那么小于400的字体权重的启发式是   使用。
  •   
  • 如果给出恰好500的重量,则使用400。如果400不可用,那么小于400的字体权重的启发式是   使用。
  •   
     

这意味着对于仅提供普通和粗体的字体,100-500   是正常的,600-900是粗体。

编辑:看起来它确实支持较轻的重量

答案 1 :(得分:0)

检查字体系列。他们中很少有人会在 500 之前显示正常体重。字体系列:魔方,无衬线;重量到 500 时不会有太大差异