IE11中span标签font-weight:100 !important样式未生效问题咨询

核心原因 #

• IE11对数值型字重的支持存在天生缺陷：IE11仅对400（对应常规字重）、700（对应粗体）两个标准字重数值有稳定适配，低于400的字重值（100/200/300）都会被直接降级为400渲染，不会显示出更细的视觉效果。
• 当前字体无对应字重资源：IE11不支持浏览器自动合成缺失的字重效果，如果你使用的是系统默认字体（比如微软雅黑、宋体），这类字体本身仅内置400、700两个字重，设置100字重时浏览器找不到对应字体资源，会直接 fallback 到常规字重展示，和其他文本自然没有差异。
• 表格元素内的行内样式优先级bug：IE11对<td>内嵌套元素的行内样式优先级计算存在偶发兼容问题，就算添加了!important声明，也可能被父元素继承的全局字体规则覆盖。

解决方案 #

• 替换为关键字写法：将font-weight: 100 !important调整为font-weight: lighter !important，IE11对字重关键字的识别兼容性远高于数值写法。
• 显式引入对应字重的字体：如果必须实现100的极细效果，需要通过@font-face规则引入包含100字重的字体文件，且在规则中明确指定font-weight: 100，IE11才会正确调用对应字体渲染。
• 样式外提提权：将该span的样式提取到外部CSS文件中，通过类名选择器绑定样式，避开IE11表格内行内样式的优先级bug。

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