我在使较轻的字体权重工作时遇到问题。我的字体包含我想在计算机上使用的所有重量,但它不会起作用。我发现很多字体都不适用于较轻的重量。这是怎么回事?
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;
答案 0 :(得分:3)
如果我放600或者更多,它会像预期的那样变得大胆。也许如果我要安装一个瘦重的字体版本,较低的版本可以工作。取而代之的是,浏览器默认为普通或粗体。
如果给定的确切权重不可用,则使用以下启发式方法来确定实际呈现的权重:
- 如果给出的重量大于500,则使用最接近的可用较暗的重量(或者,如果没有,则使用最接近的较轻的重量) 重量计)。
- 如果重量小于400,则使用最接近的较轻重量(或者,如果没有,则使用最接近的重量较暗) 重量计)。
- 如果给出恰好为400的重量,则使用500。如果500不可用,那么小于400的字体权重的启发式是 使用。
- 如果给出恰好500的重量,则使用400。如果400不可用,那么小于400的字体权重的启发式是 使用。
这意味着对于仅提供普通和粗体的字体,100-500 是正常的,600-900是粗体。
编辑:看起来它确实支持较轻的重量
答案 1 :(得分:0)
检查字体系列。他们中很少有人会在 500 之前显示正常体重。字体系列:魔方,无衬线;重量到 500 时不会有太大差异