这篇文章提供什么
本文只覆盖一个类别：字体工具。你将获得一组可直接复制给 AI 的中文 Prompts，用来生成可运行、可构建、可部署的在线字体处理工具，并且每个工具都支持“一键输出 HTML”（导出单个可直接打开的 HTML 文件，或一键生成包含 index.html 的最小可运行包），用于快速预览与交付。
交付物与验收方式
每条 Prompt 都要求 AI 输出：完整项目文件树、全部源码、安装与运行命令、部署说明（至少给出静态托管与 Node 本地启动两种）、以及不少于 5 条测试用例或 QA checklist。验收以“能在浏览器本地打开/本地启动访问 + 一键导出 HTML 可离线预览”为准。
使用提示
把下面任意一条中文 Prompt 整段复制给 AI。不要拆句，不要省略条目。若你有更严格的需求（例如目标字符集、要保留的 OpenType 特性、输出命名规则），直接把约束追加在 Prompt 末尾即可。
字体子集化工作台（TTF/OTF -> WOFF2，按字符集裁剪）
用于把大字体文件按指定字符集裁剪成更小的 webfont，并生成可验证的预览页面。
中文 Prompt:
你是资深前端工程师与字体工程工具作者。请为我生成一个“在线字体子集化工作台”的完整可运行项目：
1) 技术栈：前端用原生 HTML + CSS + （不依赖框架也可），后端可选 Node.js（仅用于本地开发服务器与文件处理）。
2) 核心功能：
- 上传字体文件（.ttf/.otf/.woff/.woff2），显示基础信息（文件名、大小、字体家族名、字形数量、是否含中文等）。
- 输入“字符集”与“文本样例”：字符集支持三种来源：a) 直接输入文本；b) 上传 .txt；c) 选择预设（常用中文、常用英文、数字符号、简体常用标点）。
- 一键生成子集字体：默认输出 woff2，同时可选输出 woff/ttf；支持“保留必要字符集”的开关（例如空格、换行、常见标点）。
- 输出结果区：展示下载链接与生成日志（包含裁剪前后文件大小对比、字形数量对比、保留字符数）。
- 预览区：提供可编辑预览文本、字号/字重/行高/字距设置、暗色/亮色切换。
3) 必须实现“一键输出 HTML”：
- 点击“导出离线预览包”后，自动生成一个最小可运行包（包含 index.html、样式、脚本、以及导出的子集字体文件），用户解压后双击 index.html 即可离线预览。
- 同时提供“导出单文件 HTML”的选项：把字体以 64 内嵌到一个 HTML 文件中，双击即可离线预览（注意体积提示与浏览器限制）。
4) 交付物要求：
- 输出完整项目文件树。
- 输出所有源码文件的完整内容。
- 给出安装与运行命令（例如 npm install / npm run dev），以及无需构建的最简启动方式。
- 给出部署说明：a) 作为纯静态站点部署；b) 使用 Node 服务部署。
- 给出至少 8 条 QA checklist（包含：错误文件类型、超大文件、空字符集、仅英文字符、仅中文字符、包含 emoji、导出包可离线打开、导出单文件可离线打开）。
5) 约束：
- 页面与提示文案全部用中文。
- 不允许任何“生成图片/渲染图/海报/插画”相关功能。
- 若使用第三方库（如字体解析/子集化），请在 README 中说明许可证与替代方案。
请直接开始输出项目，不要只给思路。
中文释义：这条 Prompt 会生成一个端到端的字体裁剪工具，既能做性能优化（减小字体体积），也能通过离线预览包完成交付验收。
字体对比预览器（两套字体同屏对照）
用于对比子集字体与原字体在不同字号、不同字符上的显示差异，便于质检与回归。
中文 Prompt:
请生成一个“字体对比预览器”的完整在线工具项目。要求：
- 支持上传两套字体（A/B），分别指定字体名称与加载方式（文件或 URL）。
- 提供对照视图：同一段文本左右对比；也支持上下对比与叠加对比（叠加时可设置透明度）。
- 提供字符覆盖检查：输入一段文本后，标出 A 或 B 不支持的字符（用红色高亮），并在结果区给出缺字统计。
- 提供可视化设置：字号、字重、行高、字距、对齐方式、背景色、主题切换。
- 一键导出 HTML：导出一个包含 index.html 的离线预览包（字体以文件形式放在 assets/ 下），解压后可直接打开；并提供导出单文件 HTML（字体 64 内嵌）。
交付物：完整源码+文件树+运行命令+部署说明+至少 6 条 QA checklist。页面与说明全部中文。不要出现任何出图/配图/渲染图功能。
中文释义：用于做字体替换、压缩与子集化后的回归验证，确保字符覆盖与视觉效果符合预期。
字体命名与 CSS @font-face 生成器
用于把多个字重/斜体文件规范命名，并自动生成可用的 @font-face 代码与示例页。
中文 Prompt:
请生成一个“字体命名与 @font-face 生成器”在线工具项目：
功能要求：
1) 上传多个字体文件（可批量拖拽），自动识别每个文件的 family、style、weight、格式。
2) 提供命名规则配置：例如 {family}-{weight}-{style}.{ext}，并支持预览重命名结果。
3) 一键生成 CSS：输出标准 @font-face 片段（包含 font-display、unicode-range 可选、fallback 建议）。
4) 生成示例预览页：可输入样例文本，按不同字重展示。
5) 一键输出 HTML：
- 导出离线包（index.html + style.css + fonts/）
- 导出单文件 HTML（可选内嵌字体）
交付物：完整源码、文件树、运行与部署说明、至少 7 条 QA checklist（含：同名冲突、缺少元信息、仅 woff2、混合格式、中文 family、空格特殊字符、导出后可直接打开）。中文界面与中文说明。禁止任何图像生成导向。
中文释义：把“字体文件整理 + CSS 引入 + 可交付预览页”打包成一次性输出，适合团队协作与交付。
字符覆盖报告生成器（输入文本 -> 覆盖率与缺字清单）
用于在上线前检查字体对目标文案的覆盖率，并导出可给产品/运营对齐的报告。
中文 Prompt:
生成一个“字符覆盖报告生成器”在线工具：上传字体后，粘贴或上传文案文本，输出覆盖率（已覆盖字符数/总字符数）、缺失字符列表、按 Unicode 区块分类统计，并提供复制/下载报告。
必须包含：
- 报告展示页（表格 + 可筛选）
- 一键导出 HTML：导出一个离线报告包（index.html + 数据 json），解压可打开；并支持导出单文件 HTML（数据内嵌）。
- 输出完整项目代码、文件树、运行命令、部署说明、至少 6 条 QA checklist。
中文界面，禁止任何图像生成/渲染图相关内容。
中文释义：把“字体是否能显示目标文案”量化成报告，适合做发布前审查与沟通。
WOFF2 转换与批处理队列（多文件批量转换 + 进度）
用于把一批字体统一转换为 web 友好的格式，并保留可追溯的转换日志。
中文 Prompt:
请生成一个“WOFF2 转换与批处理队列”在线工具项目：
- 支持批量添加任务（多字体文件），队列逐个处理，展示进度、耗时、成功/失败原因。
- 支持输出格式选择（woff2/woff/ttf），可选是否保留原文件。
- 输出日志：每个任务一条记录（输入大小、输出大小、压缩比）。
- 一键导出 HTML：导出一个离线结果页（index.html）用于查看转换结果与下载链接（本地模式下用文件引用；单文件模式下允许把小文件内嵌）。
交付物：完整源码+文件树+运行命令+部署说明+至少 5 条 QA checklist。所有交互与文案中文。不要包含任何图像生成相关功能。
中文释义：适合做“批量转换 + 统一交付”的流水线工具，强调可追溯与可验收。
字体文件体检（元信息、异常、兼容性提示）
用于快速发现常见问题：命名异常、缺少必要表、可疑字符、兼容性风险等。
中文 Prompt:
请生成一个“字体文件体检”在线工具：上传字体后，输出一份中文体检报告，包含：
- 基础信息：family/style/weight、版本号、字形数量、主要 Unicode 覆盖。
- 异常提示：可疑命名、缺失表、极端文件体积、可能的兼容性风险（例如某些旧浏览器不支持的特性）。
- 建议：是否建议转 woff2、是否建议子集化、建议的 font-display。
必须：一键导出 HTML 报告（离线包与单文件两种）。交付物：完整源码、文件树、运行/部署说明、至少 6 条 QA checklist。中文界面。禁止任何出图/渲染图功能。
中文释义：把字体“是否适合上 web”变成可读的体检单，利于工程落地与排查。
字体预览模板生成器（多页面样式册 + 一键导出）
用于生成可交付的字体样式册，包括标题、正文、数字、符号、常用中文段落等。
中文 Prompt:
生成一个“字体预览模板生成器”在线工具：上传字体后，一键生成一套字体样式册页面（至少 4 个区块：标题/正文/数字符号/常用中文段落），并支持用户自定义样例文本与排版参数。
必须：
- 一键导出 HTML：导出离线包（index.html + assets）并可直接打开；提供导出单文件 HTML（可选内嵌字体）。
- 交付物：完整项目文件树+源码+运行命令+部署说明+至少 5 条 QA checklist。
- 文案全中文；不要包含任何生成图片/渲染图的能力。
中文释义：把“字体预览页”标准化，作为对外交付与内部评审的通用模板。
许可与使用范围检查清单生成器（仅文本与链接管理）
用于把字体使用前需要确认的条目结构化，便于团队协作与留痕。
中文 Prompt:
请生成一个“字体许可检查清单生成器”在线工具：
- 用户输入字体名称、来源链接、许可证类型（下拉选择 + 自定义）与备注。
- 工具生成一份“确认清单”（例如：是否可商用、是否可嵌入、是否可再分发、是否要求署名、是否限制域名/应用数量等），每项可勾选并写结论。
- 支持导出清单：一键导出 HTML（离线包与单文件）与 JSON（便于归档）。
交付物：完整源码+文件树+运行命令+部署说明+至少 6 条 QA checklist。中文界面。注意：这是合规记录工具，不要提供法律建议措辞。
中文释义：用结构化表单把“字体合规确认”变成可复用的交付物，并能一键导出为 HTML 留档。
