以前一个字重就是一份字体文件：粗体、中粗、细体各自下载，首屏闪烁且流量浪费。可变字体把整套变化轴打包进一个文件，用 font-variation-settings: 'wght' 650 做连续调节——650、720 这些「中间字重」也能精确呈现。
设计上它解锁了「按场景微调」的能力：标题用 720、按钮强调用 600。注意 CID 检测：font-family 名称带 Variable 后缀的才是可变字体；另外中文字体的可变版本尚在普及中。
<style> .v { font-family: "Inter Variable", sans-serif; } .w650 { font-variation-settings: "wght" 650; } .w850 { font-variation-settings: "wght" 850; } </style> <p class="v w650">字重 650 的连续微调</p> <p class="v w850">字重 850 的标题字感</p>