2016-02-18 37 views
1

我正在尝试使用font-weight来调整字体的粗体。据我所知,价值500是正常的字体重量,值700是粗体的默认字体重量。CSS字体重量数字:它们是如何工作的?

但是,当我放599时,它根本没有改变字体重量。但是当我放600时,它跳转到粗体的默认字体粗细。价值600-900的结果相同。然后当你超过900时,字体重量恢复到正常的字体重量。这是为什么发生?

#fontStyle { 
 
    border: 1px solid black; 
 
    font-weight: 599; 
 
}
<div id="fontStyle"> fontStyle </div>

+0

使用一个有效的价值只有几百个像600或500(100〜900) –

+0

@vlzvl让我不知道这两个额外的零是。 – frosty

+0

看起来像以前被问过类似的问题:[它如何工作的CSS字体重量值?](http://stackoverflow.com/questions/13207331/how-it-works-css-font-weight-values?rq= 1) –

回答

3

如何数值映射的细节到字体权重被覆盖in the spec其中指出:

的值“100”到“900”形成有序序列,其中每个数字 表示权重,其至少为深色如我ts的前身。 关键字“正常”与“400”同义,“粗体”与“700”同义 。除“普通”和“粗体”以外的关键词已被显示为 经常与字体名称混淆,因此为9值列表选择了数字比例尺 。

“599”是不是为font-weight财产

3

默认字体粗细为400,和字体在100 300的倍数工作是光(如果您的字体支持的话),400是有规律的,600 semibold和700是大胆的。你不能在两者之间使用数字。

0

,那么您已经使用599,你只能使用数字100,200,300等。 所以font-weight: 600将工作

相关问题