UD5工具箱
准备工作
在开始使用字体子集化预览器之前，请确保您已经准备好以下内容：需要进行子集化的原始字体文件（支持 TTF、OTF、WOFF、WOFF2 格式），以及明确的字符集需求。字符集可以是您项目中实际使用的汉字列表、标点符号集合，或者是从设计稿中提取的所有文字内容。如果您不确定需要哪些字符，可以先将页面或应用中使用的所有文本内容复制出来，工具会自动从中提取所有唯一的字符。
建议您在使用本工具之前，先对项目的字体使用情况做一个简单的分析。可以通过浏览器的开发者工具查看当前页面加载了哪些字体文件，以及每个字体文件的大小。这样在完成子集化预览后，您可以更清楚地了解子集化带来的性能提升。
第一步：选择字符集输入方式
打开字体子集化预览器后，您会看到三种字符集输入方式的选项卡。如果您已经准备好了需要的字符列表，可以选择"手动输入"方式，在文本框中粘贴或输入所有目标字符。如果您有一个包含目标字符的文本文件，可以选择"文件上传"方式，点击上传按钮或直接将文件拖拽到上传区域。如果您想使用常见的预设字符集，可以选择"预设选择"方式，从列表中勾选适合您需求的字符集。您可以同时使用多种输入方式，工具会自动将所有输入的字符合并为一个完整的字符集。
在输入字符的过程中，请注意观察字符数量统计信息。这将帮助您了解子集化后的字体大约会包含多少个字形，从而对最终的文件体积有一个初步的预期。如果您发现字符数量异常多，可能是因为文件中包含了一些不需要的字符（例如多余的空格或换行符），建议使用工具提供的清理功能进行处理。
第二步：上传原始字体文件
在确定了字符集之后，接下来需要上传原始字体文件。点击字体文件上传区域，从本地文件系统中选择需要子集化的字体文件。您也可以直接将字体文件从文件管理器拖拽到上传区域。工具会自动开始解析字体文件，这个过程通常只需要几秒钟。
字体文件上传并解析完成后，您会在页面上看到字体的基本信息卡片，包括字体名称、字体风格、包含的字符数量、文件大小等。请仔细检查这些信息，确保上传的是正确的字体文件。如果您需要子集化多个字体文件，可以重复此步骤逐一上传。
第三步：查看体积对比结果
当字符集和字体文件都准备就绪后，工具会自动开始计算子集化后的预估文件体积。计算过程通常在几秒内完成，完成后您会看到详细的体积对比结果。页面上会显示一个直观的对比图表，展示原始字体体积、子集化后预估体积、体积缩减百分比、节省的字节数等关键数据。
请重点关注体积缩减百分比这个指标。如果缩减比例不够理想，您可以考虑调整字符集，移除一些不必要的字符来进一步减小文件体积。工具还提供了一个"字符使用频率分析"功能，可以帮助您识别哪些字符是最常用的，哪些字符是低频使用的，从而做出更合理的子集化决策。
第四步：预览子集化效果
在查看体积对比结果之后，建议您切换到预览标签页，仔细检查子集化后的字体渲染效果。预览区域会显示所有目标字符在子集化后的字体中的实际显示效果。您可以通过调整字体大小、行高等参数来模拟不同使用场景下的显示效果。
如果您之前选择了"对比模式"，可以同时查看原始字体和子集化后字体的渲染效果。请逐一对比每个字符，确保没有字形缺失或渲染异常的情况。如果发现任何问题，可以回到字符集输入步骤进行调整。预览功能还支持导出截图，您可以将满意的预览效果保存为图片文件。
第五步：导出结果
当您对子集化结果满意后，可以点击"导出"按钮来保存分析结果。工具支持多种导出格式：CSV 格式适合在 Excel 等表格软件中查看和分析；JSON 格式适合在自动化流程中使用；PNG 截图适合在文档或演示中使用。如果您需要与团队成员分享结果，可以使用"生成分享链接"功能，创建一个包含完整分析结果的唯一链接。
请注意，本工具目前仅提供预览和分析功能。如果您需要实际执行字体子集化操作，可以参考教程部分提供的推荐工具列表，将本工具的分析结果作为输入参数传递给专业的子集化工具。我们正在开发在线子集化功能，未来将支持在工具内直接完成子集化并下载结果文件。