font-weight属性不生效求助：设置低数值无法实现字体变轻

你遇到的字体无法变轻的问题，核心原因有两点：

1. 使用了非法的font-weight数值 #

CSS规范明确规定，font-weight的有效数值仅为100、200、300、400、500、600、700、800、900这些整百数。你代码里写的1、10、20、30都属于无效取值，浏览器会直接忽略这些值，字体保持默认重量（通常是400）。

2. 字体本身缺少轻量字重的变体 #

就算使用了合法的轻量值（比如100、200、300）或lighter关键字，也需要文本所用的字体实际包含对应字重的字体文件：

• 大部分系统默认字体（如Arial、Helvetica、常规版微软雅黑）只有normal（400）和bold（700）两种字重，没有更轻的变体，所以设置100-300的数值或lighter不会产生视觉变化。
• lighter是相对父元素字重的关键字，如果父元素已经是该字体支持的最轻字重，lighter也不会生效。

你设置加粗功能能生效，是因为bold（对应700）是几乎所有字体都支持的字重，浏览器可以正常渲染。

内容的提问来源于stack exchange，提问作者user22522859