在线工具箱
字体渲染检测

字体渲染检测

诊断系统字体、抗锯齿、子像素渲染与 OpenType 特性支持情况。

隐私安全:所有处理均在您的浏览器本地完成,数据绝不上传
字体渲染浏览器检测字体诊断

字体渲染能力评分

--/ 100
检测中…

正在检测…

渲染质量与抗锯齿

8 倍放大预览

最近邻放大,便于观察文字边缘的过渡像素。

字体渲染放大预览

抗锯齿判定

检测中…

有色过渡像素
--
灰色过渡像素
--
过渡样本数
--
设备像素比
--

字体平滑属性支持情况:

    系统字体扫描

    字体类别可用性置信度

    能力检测

    说明:当前系统设置决定的渲染方式与字体安装情况,不同操作系统、浏览器与显示设置下的结果可能不同,仅供参考。

    工作原理

    1. 1系统字体扫描使用经典的「度量法」:分别用「指定字体 + 回退基准」与「纯基准字体」测量同一串宽窄混排文本,宽度不一致即说明该字体真实存在。
    2. 2为降低单基准误判,每款字体都会分别与 monospace、serif、sans-serif 三个基准对比,按测出差异的基准数量给出置信度。
    3. 3渲染质量分析在按设备像素比放大后的 Canvas 上绘制文字,读取边缘过渡像素的 RGB 值:三通道不等说明存在彩色边缘(子像素渲染),相等则为灰度抗锯齿。
    4. 4OpenType 特性通过 DOM 元素测量:span 分别设置 font-feature-settings 开关,宽度出现差异说明该特性生效(Canvas 2D 不支持特性设置,故改用 DOM)。
    5. 5可变字体与 Font Loading API 通过 CSS.supports 与 FontFace / document.fonts 接口探测,全部在本地完成,不加载任何网络字体。

    常见问题

    字体检测结果为什么会受浏览器隐私设置影响?

    Firefox「抵抗指纹识别」等隐私保护会伪装字体度量,使不同字体返回相同宽度,从而让检测结果失真。若你开启了这类设置,字体扫描结果仅供参考。

    为什么我明明装了这个字体,却显示「未检测到」?

    可能是字体名与清单不一致(中英文名差异),或该字体的度量恰好与回退基准一致。工具已内置多平台别名并给出置信度,低置信度表示判定把握较弱。

    子像素渲染和灰度抗锯齿有什么区别?

    子像素渲染(如 Windows ClearType)利用屏幕 RGB 子像素提升横向清晰度,边缘会出现轻微彩色;灰度抗锯齿只用灰度过渡,是 macOS 与高分屏的常见方案。两者没有绝对优劣。

    OpenType 特性显示「未生效」是浏览器不支持吗?

    不一定。更常见的原因是当前默认字体本身不含该特性字形。若浏览器与字体都支持,开启特性后数字或字母的宽度通常会出现可测量的差异。

    检测会加载网络字体或上传数据吗?

    不会。工具只用系统已安装的字体进行度量与渲染,不加载任何网络字体,也不发起任何网络请求;全部结果在本地计算,不上传、不留存。

    综合评分是怎么计算的?

    评分由两部分构成:OpenType / 可变字体 / API / Canvas 各项能力按权重折算占 80 分,可用系统字体数量占 20 分。评分用于横向比较字体渲染与排版能力,不代表画质优劣。

    更多在线工具