Question

我需要为网站使用外部字体。在sepcify @font-face我喜欢使用别名而不是数字表示。因此bold是700的别名。normal是400的别名。

我的问题：

别名lighter的数字表示是什么？
哪些HTML-Tags自然使用与normal / inherited不同的别名？（我只知道<b> - 代码和使用<h*>别名的bold - 代码

Answer 1

计算bolder和lighter产生的值会根据从元素父级继承的值而有所不同，因此没有任何关键字的单数数字表示。请参阅font-weight property上的部分。

由于bolder和lighter是特殊值，因此无需在@font-face规则中声明它们。规范在font property descriptors（包括font-weight描述符）下说明了这一点，不要与font-weight CSS属性混淆：

这些描述符的值与相应字体属性的值相同，只是不允许使用相对关键字，“更大胆”和“更轻”。

这取决于浏览器的默认样式，但section 10 of the HTML5 spec有一些大多数浏览器遵循的指南。值得注意的是，b和strong元素实际上使用的是bolder，而不是bold。

HTML5默认样式表指南中列出的具有不同权重的元素是

b, strong { font-weight: bolder; }

来自section 10.3.4，然后是

h1 { margin-top: 0.67em; margin-bottom: 0.67em; font-size: 2.00em; font-weight: bold; }
h2 { margin-top: 0.83em; margin-bottom: 0.83em; font-size: 1.50em; font-weight: bold; }
h3 { margin-top: 1.00em; margin-bottom: 1.00em; font-size: 1.17em; font-weight: bold; }
h4 { margin-top: 1.33em; margin-bottom: 1.33em; font-size: 1.00em; font-weight: bold; }
h5 { margin-top: 1.67em; margin-bottom: 1.67em; font-size: 0.83em; font-weight: bold; }
h6 { margin-top: 2.33em; margin-bottom: 2.33em; font-size: 0.67em; font-weight: bold; }

来自section 10.3.7和

th { font-weight: bold; }

来自section 10.3.9。

Answer 2

别名lighter的数字表示是什么？

字体权重值：

<强>正常正常的字体重量。与400相同。
粗体大胆的字体重量。与700相同。

<强>打火机    一个字体重量比父元素轻（在字体的可用权重中）。

<强>更大胆的    一个字体权重比父元素更暗（在字体的可用权重中）。

100,200,300,400,500,600,700,800,900    字体的数字字体粗细，提供的不仅仅是普通和粗体。如果给出的确切重量不可用，则使用600-900 最接近的较暗的重量（或者，如果没有，则为最近可用的较轻的重量），和100-500使用最接近的可用的重量更轻（或者，如果没有，则最接近可用较深的重量）。这意味着对于仅提供的字体正常和粗体，100-500是正常的，600-900是粗体。

@ font-face'weight - 别名

2 个答案: