字体解析预览
字体预览
字形渲染
子集字体提取
格式转换
功能亮点
多格式支持
支持 TTF / OTF / WOFF / WOFF2 四种常见字体格式，无需安装即可在浏览器中直接打开解析。
字形预览
列出字体中所有字形，支持搜索过滤。点击任意字形即可在 Canvas 上查看其渲染路径和详细信息。
字体元信息
解析显示字体名称、格式、字形数量、unitsPerEm、文件大小等元信息，帮助全面了解字体。
子集提取
输入需要保留的字符，从完整字体中提取子集，大幅减小字体体积，优化网页加载性能。
格式转换
将 TTF / OTF 字体转换为 WOFF 格式，体积更小，适合在网页的 @font-face 中使用。
使用步骤
- 点击上传区域或拖拽字体文件（TTF / OTF / WOFF / WOFF2）到虚线框内。
- 自动解析字体信息，在左侧面板查看字体元数据和字形列表。
- 在输入框中输入文字预览字体效果，拖动字号滑块调整大小。
- 点击字形可查看渲染详情，使用子集提取或格式转换导出结果。
关于 字体解析预览
TTF（TrueType Font）和 OTF（OpenType Font）是桌面和 Web 最通用的字体格式。当你收集了一大堆字体文件却不知道每个字体长什么样时，逐个双击安装太浪费时间——而且有些字体你可能根本不会长期使用。本工具支持在浏览器中直接打开字体文件，预览所有字形的样式和细节、查看字体元信息（设计师、版本、版权声明），并可提取子集或转换格式。所有解析在浏览器本地完成，字体文件不会被上传。适合设计师管理字体库和选型；前端开发在选择 Web 字体前预览字形效果；排版人员检查字体的授权信息（嵌入性、使用限制）。
常见问题
- TTF 和 OTF 有什么区别？
OTF（OpenType）是 TTF（TrueType）的进化版：① OTF 支持更多高级排版特性（连字、小型大写字母、替代字形等）；② OTF 可以使用 PostScript 或 TrueType 轮廓曲线（后者就是 TTF 的曲线），PostScript 曲线在高质量印刷中表现略好；③ OTF 的跨平台兼容性更好。对于日常 Web 和桌面使用，两者差异不大；专业排版和印刷优先 OTF。
- 为什么预览字体时部分中文字符显示为方框？
这是字体文件的字符集覆盖不全导致的。许多英文字体只包含 Latin 字符集（约 256 个字符），没有中文字形。当浏览器遇到字体中没有的字符时，会回退（fallback）到系统默认字体——通常能正常显示但样子不一样。如果只有个别字符是方框，说明连系统字体也没有该字符（非常罕见，通常意味着那是特殊符号或生僻汉字）。
- 什么是子集提取？什么情况下需要使用？
子集提取是指从完整的字体文件中只保留需要的字符，移除其余字符，从而大幅减小文件体积。例如一个完整中文字体可能包含 20,000+ 汉字，文件体积达 5-10 MB，但如果你只用到其中 100 个汉字，提取子集后体积可缩小到几十 KB。非常适合网页 @font-face 使用，可以显著减少字体加载时间。