字体渲染检测
诊断系统字体、抗锯齿、子像素渲染与 OpenType 特性支持情况。
隐私安全:所有处理均在您的浏览器本地完成,数据绝不上传字体渲染浏览器检测字体诊断
字体渲染能力评分
--/ 100
检测中…
正在检测…
渲染质量与抗锯齿
8 倍放大预览
最近邻放大,便于观察文字边缘的过渡像素。
抗锯齿判定
检测中…
- 有色过渡像素
- --
- 灰色过渡像素
- --
- 过渡样本数
- --
- 设备像素比
- --
字体平滑属性支持情况:
系统字体扫描
| 字体 | 类别 | 可用性 | 置信度 |
|---|
能力检测
说明:当前系统设置决定的渲染方式与字体安装情况,不同操作系统、浏览器与显示设置下的结果可能不同,仅供参考。
工作原理
- 1系统字体扫描使用经典的「度量法」:分别用「指定字体 + 回退基准」与「纯基准字体」测量同一串宽窄混排文本,宽度不一致即说明该字体真实存在。
- 2为降低单基准误判,每款字体都会分别与 monospace、serif、sans-serif 三个基准对比,按测出差异的基准数量给出置信度。
- 3渲染质量分析在按设备像素比放大后的 Canvas 上绘制文字,读取边缘过渡像素的 RGB 值:三通道不等说明存在彩色边缘(子像素渲染),相等则为灰度抗锯齿。
- 4OpenType 特性通过 DOM 元素测量:span 分别设置 font-feature-settings 开关,宽度出现差异说明该特性生效(Canvas 2D 不支持特性设置,故改用 DOM)。
- 5可变字体与 Font Loading API 通过 CSS.supports 与 FontFace / document.fonts 接口探测,全部在本地完成,不加载任何网络字体。
常见问题
字体检测结果为什么会受浏览器隐私设置影响?
Firefox「抵抗指纹识别」等隐私保护会伪装字体度量,使不同字体返回相同宽度,从而让检测结果失真。若你开启了这类设置,字体扫描结果仅供参考。
为什么我明明装了这个字体,却显示「未检测到」?
可能是字体名与清单不一致(中英文名差异),或该字体的度量恰好与回退基准一致。工具已内置多平台别名并给出置信度,低置信度表示判定把握较弱。
子像素渲染和灰度抗锯齿有什么区别?
子像素渲染(如 Windows ClearType)利用屏幕 RGB 子像素提升横向清晰度,边缘会出现轻微彩色;灰度抗锯齿只用灰度过渡,是 macOS 与高分屏的常见方案。两者没有绝对优劣。
OpenType 特性显示「未生效」是浏览器不支持吗?
不一定。更常见的原因是当前默认字体本身不含该特性字形。若浏览器与字体都支持,开启特性后数字或字母的宽度通常会出现可测量的差异。
检测会加载网络字体或上传数据吗?
不会。工具只用系统已安装的字体进行度量与渲染,不加载任何网络字体,也不发起任何网络请求;全部结果在本地计算,不上传、不留存。
综合评分是怎么计算的?
评分由两部分构成:OpenType / 可变字体 / API / Canvas 各项能力按权重折算占 80 分,可用系统字体数量占 20 分。评分用于横向比较字体渲染与排版能力,不代表画质优劣。