"CSS 字体 unicode-range/size-adjust 高级优化实践"

字体 unicode-range/size-adjust 高级优化实践概述`unicode-range` 提供按字符子集的分发；`size-adjust` 校准回退字体与目标字体的视觉尺寸，减少闪烁与跳动。unicode-range 子集@font-face { font-family: 'Inter Subset'; src: url('/fonts/inter-latin.woff2') format('woff2'); unicode-range: U+000-5FF; /* Latin */ font-display: swap; } @font-face { font-family: 'Inter Subset'; src: url('/fonts/inter-cjk.woff2') format('woff2'); unicode-range: U+4E00-9FFF; /* CJK */ font-display: swap; } size-adjust 校准@font-face { font-family: 'Inter Calibrated'; src: url('/fonts/inter-variable.woff2') format('woff2'); size-adjust: 100%; font-display: swap; } 与 next/font 协同使用 `next/font` 管理变量字体与预加载；针对多语言场景加载对应子集文件。技术参数与验证首屏闪烁减少；多语言展示一致；请求数与字节量优化。---发布信息：已发布 · 技术验证 · 阅读 34 分钟 · CC BY-SA 4.0