你知道字体所拥有的字重的数量和font-weight的数值字重是什么对应关系吗？

字体字重的数量理论上是无限的，因为font-weight属性接受1到1000之间的任何数字。 然而，实际上，并非所有数值都会产生视觉上的差异，并且浏览器和操作系统对这些值的解释也可能不同。 大多数字体家族只提供有限数量的字重变体。

以下是font-weight数值与常用字重名称的对应关系：

• 100 - Thin (细体): 最细的字体。
• 200 - Extra Light (特细体): 比Thin稍粗。
• 300 - Light (亮体/细体): 比Extra Light稍粗，常用作正文文本。
• 400 - Normal/Regular (正常/常规): 标准字重，浏览器的默认值。
• 500 - Medium (中等): 比Normal稍粗。
• 600 - Semi Bold (半粗体): 比Medium稍粗。
• 700 - Bold (粗体): 比Semi Bold更粗，常用于标题或强调文本。
• 800 - Extra Bold (特粗体): 比Bold更粗。
• 900 - Black/Heavy (黑体/特黑体): 最粗的字体。
• 950 - Extra Black (超黑体): 比Black更粗，一些字体家族可能提供。

需要注意以下几点：

• 并非所有字体都包含所有字重。 许多字体只提供normal (400) 和 bold (700)。 有些可能提供light (300) 和其他一些字重。 在使用特定字重之前，最好检查一下你的字体是否支持。
• 浏览器渲染差异。 即使字体包含特定字重，不同的浏览器也可能以略微不同的方式渲染它们。
• 使用font-weight: bolder 和 font-weight: lighter。 这两个关键字可以相对当前元素的继承字重来加粗或减轻字体。
• 数值字重的优势。 使用数值字重可以更精细地控制字体的粗细程度，尤其是在使用支持可变字体的浏览器时。 可变字体允许在1到1000的范围内平滑地调整字重。

在前端开发中，建议优先使用常用字重名称 (例如 bold、normal、light)，因为它们更具可读性和可维护性。 只有在需要更精细的控制或使用可变字体时，才考虑使用数值字重。 始终测试你的字体在不同浏览器和设备上的显示效果，以确保一致的用户体验。