在线字体查看器

功能

• 拖入 .ttf / .otf / .woff / .woff2 即可预览，字体不上传
• 样本区按 12–48px 七档字号排开，可换成自己的文字
• 多语种默认样本（中文 / 英文 / 日文随界面语言）
• 字形表覆盖五段：私用区（图标字体）、ASCII、拉丁补充、常用标点、汉字
• 实测字形覆盖：有字形的正常显示、没有的压暗、空白的用虚线框标出
• 一页 256 格、可翻页，私用区共 25 页
• 点格子复制十进制实体（``），悬停可看十六进制与 CSS 写法
• 每页给出统计：有字形 / 没有 / 空白各多少个

使用方法

1. 把字体文件拖进虚线框（或点它选文件）
2. 在样本区看不同字号下的观感，需要的话换成自己的文字
3. 在字形表选一个区段，翻页找图标
4. 点某个格子即复制它的码位实体，粘到自己的 HTML 里

常见问题

字形表里「没有字形」是怎么判断出来的？

读字体文件里的 `cmap` 表 —— 那就是「码位 → 字形」的映射，是这件事的权威答案，`.ttf` / `.otf` 都能精确读出。 ⚠️ 这里值得记下走过的弯路：这个工具先后用过两种猜的办法（「用目标字体画一遍、系统字体画一遍，两次一样就说明用了后备字体」，以及「与一个任何字体都没有的码位的渲染比」），两次都在 Windows 上翻车 —— 前者被字体自带的 `.notdef` 方块形状差异骗过（每个缺失码位都被判成有字形），后者被系统字体自带私用区字形骗过（Segoe 系回退过去画的是真图标，只是不是这个字体画的）。根子在于浏览器不会告诉你某个字形来自哪个字体，回退链也不稳定 —— 猜不出来，只能读表。

为什么 .woff / .woff2 不标覆盖范围？

因为这两种格式把每张表单独压缩过（woff 用 zlib，woff2 用 Brotli），要用之前得先解压，而浏览器里虽然有 `DecompressionStream`，它却只认 gzip / deflate，不认 Brotli。所以这两种格式下字形表只做渲染预览、不标「有 / 没有」，并在界面上说明原因 —— 猜一个结果比不猜更糟。要看精确的字形清单，用同一个字体的 `.ttf` 或 `.otf` 版本（几乎总能拿到）。

为什么显示的文件名不是字体真正的名字？

因为浏览器读不到字体内部的家族名 —— `FontFace` 只接受你传入的名字，没有反向查询的接口。要读字体文件里的 `name` 表，得自己解析二进制（而 woff2 还是压缩过的，要先解压），那是另一个工具的事。所以这一页显示的是文件名与你看到的渲染效果；要确认字体真名，装到系统里看字体册最直接。

为什么 .ttc 和 .eot 加载不了？

两种格式浏览器都不支持。`.ttc` 是字体集合（一个文件里装了好几个字体，macOS 上常见），浏览器没法从里面挑一个用，得先用工具拆出单个字体；`.eot` 是 IE 时代的私有格式，只有老版 IE 认。工具会提前拦下这两种并说明原因，而不是让你对着一个「拖进去什么都没发生」的界面猜。