font-weight:700或font-weight:bold我们应该在CSS中使用哪一个？

Question

我见过一些在CSS中提到的网站 - font-weight: 700或者font-weight: bold.但两种结果都是一样的.哪一个是正确的,我们应该如何遵循？请建议我.

Answer 1

您可以font-weight在CSS字体模块级别3规范中找到所有有效值的完整细分.在3.2节(font-weight属性)下,我们找到以下列表:

• 100 - 薄
• 200 - 超轻(超轻)
• 300 - 光
• 400 - 正常
• 500 - 中等
• 600 - 半大胆(Demi Bold)
• 700 - 大胆
• 800 - 额外大胆(超大胆)
• 900 - 黑色(重)

你可能注意到它700是"大胆的".无论哪种方式,你都会得到相同的结果.(对应一个数字的唯一另一个是"正常" - 400.)

完整清单是:

normal- 与'400'
bold相同 - 与'700'相同
bolder- 指定比继承值更大的权重 - 指定比继承值
lighter更轻的权重

没有真正的区别.它更多地是关于您和您的团队习惯的内容.

Answer 2

font-weight数字优于默认粗体,因为在数字中您可以根据您的设计要求调整粗体.

请查看http://www.w3.org/wiki/CSS/Properties/font-weight

Answer 3

我的基本答案与两次已经给出的相同,但正确的参考:

根据CSS 2.1规范第15.6条,它们是定义的同义词.这是权威规范.

关键字"normal"与"400"同义,"bold"与"700"同义.

这个词bold使代码比数字更具可读性700,这没有直观的意义.在您使用数字指定字体权重的情况下,该数字可能更适合于可读性,以获得没有关键字的权重.这种情况很少见,部分原因是大多数字体不支持400和700不支持字体权重.