字体子集化与 Webfont 打包器（支持一键导出 HTML 预览包）
把 TTF/OTF 字体按指定字符集做子集化，生成 WOFF2/WOFF，并输出可直接打开的离线预览页面与最小可运行包。
中文 Prompt:
你是一名资深全栈工程师。请生成一个“字体子集化与 Webfont 打包器”的在线工具完整项目，要求：
1）技术栈：Node.js + Type ；前端用 Vite + React（或纯 Vite + TS），后端可用 Express；允许不使用数据库。
2）功能：
- 上传字体文件（TTF/OTF/WOFF/WOFF2），显示基本信息（家族名、字重、字形、unitsPerEm、字形数）。
- 输入字符集：支持粘贴文本、上传 .txt、或选择预设（常用汉字/全ASCII/数字符号）。
- 子集化：按字符集生成子集字体，输出 WOFF2 与 WOFF；可选是否保留 hinting、是否保留 kerning。
- 生成 CSS：自动生成 @font-face 与 class 示例；可选择 font-display。
- 预览：页面可输入任意文本，实时切换原字体/子集字体对比。
- 导出：必须支持“一键输出 HTML”，点击按钮后导出一个 zip 包，内含 index.html + css + 生成的字体文件（woff2/woff），用户解压后双击 index.html 即可离线预览；同时提供“导出单文件 HTML（内联 CSS + 64 字体）”选项。
3）输出物必须包含：
- 清晰的文件树（逐级列出）。
- 所有关键源码（前端、后端、构建脚本）。
- 本地运行命令（开发/生产）。
- 部署说明（例如用 Node 直接跑或用 Docker）。
- 至少 8 条测试用例或 QA checklist（覆盖上传异常、字符集为空、导出包可离线打开、字体对比一致性等）。
4）实现细节：
- 子集化可用 fonttools/ttf2woff2 等方案（如需调用 CLI，请把依赖与跨平台说明写清楚），或用纯 JS/TS 库；但必须给出可运行的实现。
- 处理大文件要有进度提示与错误提示。
5）界面：简洁、中文文案，不需要任何生成图片/插画/海报功能。
请一次性输出完整项目，不要省略关键文件内容。
中文释义: 生成一个可部署的字体子集化与 Webfont 打包在线工具，重点是离线可交付的一键 HTML 预览包与导出流程。
字体覆盖率检查与缺字报告生成器（可导出 HTML 报告）
检测某段文本在指定字体中的覆盖情况，输出缺失字符列表、覆盖率统计与可视化，并可导出离线 HTML 报告。
中文 Prompt:
请生成一个“字体覆盖率检查与缺字报告生成器”的在线工具完整项目：
- 输入：上传字体（TTF/OTF/WOFF/WOFF2）+ 输入待检测文本（支持粘贴/上传txt）。
- 分析：统计文本中每个字符是否在字体 cmap 中存在；输出覆盖率、缺字清单（按出现频次排序）、以及可复制的缺字字符集合。
- 报告：页面展示表格与简单图表（柱状/饼图均可）；必须支持“一键输出 HTML”，导出单个 report.html（内联 CSS/JS）可离线打开；同时支持导出 JSON。
- 交付：给出文件树、源码、运行命令、部署说明、以及至少 6 条测试/QA。
- 文案与提示必须中文；禁止任何生成图片类提示词或功能。
中文释义: 用于在字体交付/多语言上线前做缺字与覆盖率审计，并把结果一键导出为可交付的离线 HTML 报告。
字体格式转换与批处理工作台（TTF/OTF/WOFF/WOFF2）
把字体在常见格式间转换，支持批量队列与结果校验，并可导出离线 HTML 预览包用于验收。
中文 Prompt:
请生成一个“字体格式转换与批处理工作台”的在线工具：
1）上传多个字体文件，识别格式与基本元数据。
2）选择目标格式（WOFF2/WOFF/TTF/OTF）与参数（压缩等级等）。
3）批处理转换：显示队列、进度、失败重试；转换完成后提供下载。
4）校验：转换后做基本一致性校验（例如字形数、关键表存在、可预览渲染）。
5）必须支持“一键输出 HTML”：导出一个 zip（index.html + css + 字体 + 示例文本），离线打开可逐个预览每个转换结果。
6）输出完整项目（Vite+TS 前端 + Node 后端），含文件树、源码、命令、部署、至少 8 条测试/QA。
7）禁止任何生成图片功能，全部中文。
中文释义: 面向前端接入与资源交付的字体批量转换与验收工具，强调可离线交付的 HTML 预览包。
字体样式对比器（字重/字形/字号）与差异标注（HTML 可导出）
把同一家族不同字重/字形并排对比，自动生成对比页面与差异提示，并支持一键导出可分享的 HTML 文件。
中文 Prompt:
生成一个“字体样式对比器”的在线工具：
- 上传同一家族的多个字体文件，自动按字重/字形分组。
- 提供对比模式：同文本多列对比、瀑布流字号对比、字距/行高切换。
- 差异提示：可选高亮显示字符宽度差异较大、或缺字情况。
- 一键导出 HTML：导出单文件 index.html（内联 CSS/JS，字体用 64 内联或同目录引用两种模式可选），确保离线可打开。
- 交付完整项目+文件树+命令+部署+至少 6 条测试/QA。
- 全部中文，不包含任何生成图片类内容。
中文释义: 用于设计评审与前端验收字体在不同字重/字号下的表现，并一键导出离线对比 HTML 作为交付物。
字体子集字符集提取器（从文档/网页提取）与一键打包 HTML 演示
从粘贴的 HTML/Markdown/URL 抓取文本，提取字符集用于子集化，并自动生成演示页面与导出包。
中文 Prompt:
请生成“字体子集字符集提取器”在线工具：
- 输入：粘贴 HTML/Markdown/纯文本；可选输入一个网页 URL（仅做文本抓取，不做截图）。
- 提取：去重提取字符集，支持过滤空白、过滤标点、保留数字/英文选项。
- 结合子集化：上传字体后按提取字符集生成子集字体。
- 一键输出 HTML：导出一个最小包（index.html + 生成字体 + css），离线打开即可预览该页面使用子集字体的效果。
- 安全：URL 抓取需有超时与大小限制；明确提示仅抓取文本。
- 输出完整项目+文件树+命令+部署+至少 8 条测试/QA；全部中文；禁止任何生成图片功能。
中文释义: 把真实内容中的字符集抽取出来，做精准子集化并导出可直接验收的离线 HTML 演示包。
字体许可与元数据审计器（Name 表/版权字段）+ HTML 报告导出
解析字体元数据与常见许可字段，生成审计清单与风险提示，并一键导出离线 HTML 报告。
中文 Prompt:
生成一个“字体许可与元数据审计器”的在线工具：
- 上传字体后解析：name 表（版权、许可、厂商、版本、URL 等）、OS/2、post 等关键字段。
- 输出：以表格展示字段值；提供“风险提示”规则（例如缺失版权信息、URL 可疑、版本异常等）。
- 一键输出 HTML：导出单文件 audit.html（内联样式），离线可打开并可打印。
- 同时支持导出 JSON。
- 交付：完整项目+文件树+源码+命令+部署说明+至少 6 条测试/QA。
- 全中文，不涉及任何生成图片。
中文释义: 用于字体引入前的合规与元数据核对，把结果以离线 HTML 报告形式交付给团队审阅。
Webfont CSS 生成与回退栈建议器（含预览与 HTML 导出）
根据字体文件与目标平台，生成 @font-face、unicode-range 与回退字体栈建议，并可一键导出离线预览。
中文 Prompt:
请生成一个“Webfont CSS 生成与回退栈建议器”的在线工具：
- 输入：上传字体；选择目标（PC/移动/低端机）与策略（font-display、预加载建议）。
- 输出：生成 @font-face CSS，支持选择文件名、路径结构、是否生成 unicode-range（按常用区段）。
- 回退栈：给出中文/英文字体回退栈建议（说明原因与适用场景）。
- 预览：输入文本，切换不同回退方案即时预览。
- 一键输出 HTML：导出一个 zip（index.html+style.css+字体文件），离线打开即可预览；另提供单文件 HTML 导出选项。
- 输出完整项目+文件树+命令+部署+至少 8 条测试/QA；全部中文；禁止生成图片。
中文释义: 面向前端落地的 Webfont 接入工具，生成可直接用的 CSS 与离线可验收的 HTML 预览交付物。
字体文件体积优化与对比仪表盘（压缩前后对比 + HTML 报告）
对同一字体在不同优化策略下的体积与加载表现做对比，输出优化建议，并一键导出离线报告。
中文 Prompt:
生成一个“字体体积优化与对比仪表盘”的在线工具：
- 输入：上传一个或多个字体；可选择优化策略组合（子集化、WOFF2 转换、移除可选表、压缩等级等）。
- 处理：对每种策略生成产物，统计体积、估算网络传输与加载耗时（给出简单模型即可）。
- 对比：以表格展示策略对比，并给出建议。
- 一键输出 HTML：导出 report.html（内联 CSS/JS）离线可打开；可附带优化后的字体文件下载。
- 交付完整项目+文件树+源码+命令+部署+至少 8 条测试/QA；全中文；不包含生成图片功能。
中文释义: 用数据对比指导字体优化与交付策略，最终以离线 HTML 报告形式输出便于验收与归档。
