css - CSS 中字体粗细整数值的含义是什么？

Question

在 CSS 中，可以将 font-weight 设置为 normal、bold、bolder、打火机，继承和平面整数值100-900。现在我的问题是:为什么会有这样可能的整数值？为什么我们没有列出的属性字符串值，谁想到使用该整数值，为什么正是这些而不是 1-9？

Answer 1

关于题目中的问题:font-weight的整数值表示字体的不同可能的字体粗细，如果字体格式没有 9 种字体粗细的比例，则可能需要重新解释它们。对于 TrueType 格式，该值是分配给 OS/2 表中字体的值，元素 usWeightClass。

字体的名称通常带有“regular”、“light”、“heavy”、“bold”等属性。尽管 CSS3 字体描述了 “rough correspondence”，但这些词的使用各不相同。在数字和名字之间。

数字仅构成序数；例如，对于权重为 100 和 200 的字体，我们唯一可以说的是后者并不比前者更轻。数字与字符的“黑度”或笔画宽度之间的对应关系取决于字体。

值 normal 根据定义等于 400，值 bold 根据定义等于 700。这些只是 CSS 中可用的关键字，可替代这两个数字。

值bolder和lighter是相对于父级的字体粗细；它们分别将数值映射到更大或更小的值。所以它们不构成新的权重。

值 inherit 表示属性的值将设置为等于父元素的属性值。

所以唯一真正的权重是从 100 到 900 的九个值。对于网页上常用的大多数字体，只有少数这些权重可用(通常只有 400 和 700，或者可能只有 400)。

关于“为什么会有这样可能的整数值？”，9 个权重的比例被认为是足够的——字体没有比这更多的权重。

关于“为什么我们没有列出的属性字符串值”，数字是中性的，可以独立于字体的命名方案使用。

关于“为什么是这些而不是 1-9”，比例 100、200... 允许引入中间权重——以防万一某个字体设计师有一天想要花时间设计超过 9 种字体.有点奇怪的编号方案将允许稍后引入更细粒度的尺度。