网页字体测试

一屏对照常见中英文字体栈的实际渲染效果：改样例文字、调字号字重，直观看出本机装了哪些字、没装的如何回退。

其他工具 · 纯前端

字体对照

字号 22px

字重 400

渲染对照 / Preview

12 组

对照组 12 自定义 0 就绪

About

font-family 回退机制

浏览器按栈顺序逐个询问系统「装了这个字体吗」，用第一个找到的渲染；全都没装就落到末尾的通用族（sans-serif / serif / monospace）。所以栈尾必须留一个通用族，否则各平台渲染不一致。

苹方优先（macOS / iOS）：'PingFang SC', 'Microsoft YaHei', sans-serif
雅黑优先（Windows）：'Microsoft YaHei', 'PingFang SC', sans-serif
跨平台安全：-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif

同一行文字在不同字体组下笔画粗细、字宽不同即为「本机已安装」；若多组看起来完全一样，说明都回退到了同一个系统默认字体。