字体秀

字体秀是什么

字体秀是一个在线字体预览与字体文件处理工具，主打字体渲染展示、字体格式转换与字体子集化。

输入方面，能读取 TTF、OTF、WOFF、WOFF2 等常见字体文件。输出则是渲染后的预览图或转换后的字体文件。

这里有个细节：字体秀不做字体设计，只处理已有字体的展示与加工。

字体秀主要功能

• 字体预览渲染：上传字体文件后，用自定义文本实时渲染，输出 PNG 或 SVG 预览图，单次最多渲染 200 个字符。
• 字体格式转换：把 TTF 转成 WOFF2，或 WOFF 转 TTF，靠内置转换引擎处理，输出文件体积一般能压到原文件的 60% 左右。
• 字体子集化：输入完整字体加指定字符集，只保留用到的字形，输出精简后的字体文件，通常能减少 70% 以上的体积。
• 多字体对比：一次加载 3 到 6 个字体文件，同一段文字并排渲染，输出对比视图，方便挑字。
• 字体信息解析：读取字体的元数据，比如字重、字符数、版权信息，输出结构化 JSON。
• 可变字体轴调节：对可变字体文件，能拖动字重、字宽等轴参数，实时看渲染变化，输出静态实例字体。

有一点需要注意，子集化处理时如果字符集超出原字体范围，缺失的字形会直接跳过。

字体秀使用要求

• 浏览器需支持 WebAssembly，Chrome 80+、Firefox 75+、Safari 14+ 能跑。
• 单个字体文件上传上限 30MB，超出会提示。
• 字体子集化功能对 CJK 字体处理时，字符集建议控制在 3000 字以内，再多处理时间会明显拉长。
• 渲染预览图分辨率最高 4096×4096 像素。

数据量偏大。处理时会有延迟。

字体秀核心优势

子集化精度：按 Unicode 码点精确裁剪字形，不靠模糊匹配，输出字体在浏览器里加载不会缺字。

格式转换无损：TTF 转 WOFF2 时保留原始字形轮廓和 hinting 信息，转出来的字体跟原文件渲染效果一致。

字体秀如何使用

• 预览字体：点上传区域选字体文件，在文本框输入要展示的文字，调字号和颜色，点渲染。
• 转换格式：选目标格式，上传文件，点转换，完成后直接下载。
• 做子集化：先传字体，再粘贴要保留的字符，点生成，输出精简字体。
• 多字体对比：逐个添加字体文件，最多 6 个，输入同一段文字，自动并排显示。

字体秀同类竞品对比

字体秀应用场景

• 前端开发做 Webfont 优化，把中文字体子集化后塞进项目。
• 设计师挑字体时，批量对比多个字体的实际渲染效果。
• 需要把 TTF 转成 WOFF2 来减小网页加载体积。
• 可变字体调试，调轴参数看效果再导出静态字体。

字体秀适用人群

前端工程师、UI 设计师、字体爱好者。还有一类是做网页性能优化的人，会拿它来压字体体积。

实际使用时会有差异，CJK 字体子集化的效果取决于字符集选得准不准。

首页截图