font-variant-numeric 对数学公式无效，因其仅作用于纯文本数字字符，不控制 MathML/KaTeX 等数学布局引擎生成的 或 .mord 中的数字；真正生效需依赖 font-feature-settings、字体支持及针对性 DOM 样式覆盖。
font-variant-numeric 对数学公式没用？先确认是否真在起作用
绝大多数情况下，font-variant-numeric 确实对 MathML 或 LaTeX 渲染出的公式“无效”——不是它写错了，而是它只作用于**纯文本数字字符**，不接管数学布局引擎（如 MathJax、KaTeX 的 SVG/HTML 输出，或原生 <math></math> 中的 <mn></mn> 内容）。如果你给整个公式容器加了这个属性却没变化，大概率是渲染层已绕过普通文本流。
实操建议：
- 用浏览器开发者工具检查公式最终生成的 DOM：如果数字被包裹在
<span class="mord">123</span>或<mn>123</mn>里，且这些元素显式设置了font-feature-settings或重置了字体，font-variant-numeric就会被覆盖 - 只对「行内纯数字文本」测试该属性，例如：
<span style="font-variant-numeric: slashed-zero;>0123</span>—— 这时你能看到零带斜线 - 别指望它改变
\frac{1}{2}里的 “1” 或 “2”，那些是独立排版单元，不是普通文本节点
真正能影响数学公式数字样式的 CSS 属性有哪些
想改公式中数字的视觉表现，得找对地方。MathML 原生支持部分样式继承，而 KaTeX/MathJax 则依赖其内部 class 规则。关键不是 font-variant-numeric，而是以下三类控制点：
font-family必须支持所需数字变体（如Latin Modern Math、STIX Two Math），否则连 slashed-zero 都无法触发font-feature-settings可直接启用 OpenType 特性，例如：font-feature-settings: " zero>（启用 slashed zero）、<code>"lnum"（线性数字）、"tnum"（表格数字）——比font-variant-numeric更底层、更可控- 对 KaTeX，可覆盖其默认 class：
.katex .mord > span或.katex .mn，再设font-variant-numeric；但要注意优先级，KaTeX 的!important规则常会拦截
slashed-zero 在公式里为何有时显示异常
常见错误现象：设了 font-variant-numeric: slashed-zero，但公式中的 “0” 依然圆润无斜线。这不是 CSS 失效，而是字体本身未实现该特性，或浏览器未启用对应 OpenType 表。
立即学习“前端免费学习笔记（深入）”；
使用场景与排查步骤：
- 不是所有数学字体都提供 slashed-zero：
Computer Modern有，DejaVu Sans没有，Segoe UI默认也不支持 —— 必须查字体文档或用 OpenType Playground 测试 - Chrome 和 Safari 对
font-variant-numeric的支持较稳定，Firefox 在某些 MathML 模式下会忽略它（尤其当父元素为<math display="block"></math>） - 若用 Web Font，确保
@font-face声明中包含font-feature-settings所需的特性表（如feature: "zero";），否则即使 CSS 写对也无响应
兼容性差+效果不可控？换种思路处理关键数字
当需要精确控制某个数字（比如公式编号、下标值、系数）的样式，又不想被字体或渲染器限制，最稳妥的方式是绕过自动数字渲染，改用显式字符替代。
- 用 Unicode 字符硬编码 slashed-zero：
₀是下标零，ø是带斜线的拉丁小写 o（非标准，慎用），更可靠的是直接插入 SVG path 或<span><svg>...</svg></span> - 对 KaTeX，可用
\texttt{0}强制等宽字体，再配合font-feature-settings: "zero"；或写\style{font-feature-settings:"zero"}{0}（需开启 KaTeX 的trust选项） - 如果是服务端渲染（如 Jupyter Notebook 输出 HTML），可在生成阶段注入自定义 class 到特定
<mn></mn>节点，再单独样式化 —— 这比全量 CSS 更精准
真正难的不是写对那行 CSS，而是搞清数字到底由谁绘制、在哪一层被接管、以及字体文件里有没有埋那个字形。漏掉其中一环，font-variant-numeric 就只是个安静的装饰品。
