不能，font-variant-caps: small-caps 仅对原为大写的英文字母生效，且必须依赖字体内置 smcp/c2sc 特性；否则浏览器退化为缩放模拟，导致字重变细、间距失衡，中文数字标点完全不受影响。
font-variant-caps: small-caps 本身不会把小写字母转成小型大写——它只对原本就是小写的字母起作用，且**必须依赖字体文件内置 smcp 或 c2sc OpenType 特性**，否则浏览器会退化为缩放模拟，效果失真。
为什么设置了 font-variant-caps: small-caps 却没变化
最常见原因不是写法错，而是字体不支持：
- 系统默认字体（如
system-ui、Helvetica、Arial）几乎都不含真实小型大写字形 - 输入文本是全小写（如
"hello world"），而多数字体只提供smcp（仅替换原本大写的字母），不提供c2sc（小写→小型大写） - Chrome/Safari 默认忽略小写字母的
small-caps替换，Firefox 才较积极启用c2sc，行为不一致 - 中文、数字、标点完全不受影响，它们始终按原样式渲染
怎么确认当前字体是否真正支持 small-caps
别靠肉眼猜，用底层特性直测：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 改用
font-feature-settings: "smcp"—— 如果这时出现小型大写，说明字体有smcp；再加"c2sc"测试小写字母是否响应：font-feature-settings: "smcp", "c2sc" - 用
@supports (font-variant-caps: small-caps)只能检测 CSS 属性支持，不能检测字体能力 - 查字体文档：明确标注支持
smcp/c2sc的才可靠，例如Source Serif Pro、IBM Plex Serif、Garamond
如何让小写字母稳定变成小型大写
绕过浏览器差异和字体缺失，走确定路径：
- 用
@font-face加载已知支持c2sc的 Web 字体，并在src中显式声明font-feature-settings支持项 - 样式中同时写两层保障：
font-variant-caps: all-small-caps（语义明确） +font-feature-settings: "smcp", "c2sc"（强制触发） - 避免依赖
font-family: serif这类泛指，必须指定具体字体名，例如：font-family: "Source Serif Pro", serif - 对关键段落做
@supports (font-feature-settings: "smcp")检测， fallback 到text-transform: uppercase仅作视觉降级，不混淆语义
真正的小型大写不是缩放出来的，是字体里预存的一套独立字形。所有“看起来像”的模拟方案，都会在字重、间距、基线对齐上露馅——尤其当混排标题与正文时，这点差异一眼可辨。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
