这一篇只聚焦【字体工具】类的在线工具生成型 AI 提示词(Prompts)。每条提示词都要求 AI 直接产出可运行的完整项目:给出文件树、核心源码、运行命令、部署说明,以及不少于 5 条测试用例或 QA checklist;并且工具必须包含“一键输出 HTML”的能力,用于直接预览与交付(例如导出单个可直接打开的 HTML 文件,或一键生成包含 index.html 的最小可运行包)。
把大型字体按文本内容做子集化,并生成可离线打开的预览页,适合交付给前端或设计同学快速确认字形。
提示词 (Prompts):
请你用中文输出一个可运行的在线字体子集化工具项目(不要生成图片内容)。目标:用户上传 TTF/OTF/WOFF/WOFF2 字体文件,输入一段样本文字,工具自动提取所需字符集并生成子集字体,同时提供预览和下载。
硬性功能:1)字体上传与格式识别;2)样本文字输入(支持粘贴长文本)并统计字符去重;3)子集化(按输入字符保留字形);4)在线预览(用户可切换字号/行高/字重若支持);5)生成报告(原始大小、子集大小、覆盖字符数、缺字列表);6)必须支持“一键输出HTML”:点击后导出一个可直接打开的单文件 HTML(内嵌 CSS/JS,并将子集字体以 data:URL 形式内嵌在 HTML 中),打开即可离线预览;7)同时保留“下载子集字体文件”的按钮。
技术要求:优先纯前端实现(浏览器端处理),可使用 WebAssembly 字体处理库或纯 JS 库;如必须用 Node,也要给出本地运行命令与构建产物,并说明如何部署到静态站点。项目必须包含:文件树、完整源码(至少包含 index.html 或构建后产物)、启动命令、构建命令、部署说明。
测试用例/QA checklist(至少 8 条):覆盖不同格式字体、中文+英文混合、特殊符号、超长文本、空输入、缺字提示、导出 HTML 离线打开、导出后字体渲染一致性等。
将字体转换为 Web 常用格式并生成兼容性清单,适合 Web 性能优化与多浏览器适配。
提示词 (Prompts):
请用中文生成一个在线 WOFF2 转换与校验工具的完整项目。用户上传 TTF/OTF/WOFF 字体,工具输出 WOFF2,并同时生成 @font-face 片段与加载建议。禁止任何“出图/生成配图”内容。
硬性功能:1)上传字体并显示元信息(家族名、样式、字重、版本、Glyph 数);2)一键转换为 WOFF2(如无法在浏览器端转换,可提供后端方案,但必须给出可部署代码与接口);3)生成 @font-face 代码(包含 font-display、unicode-range 可选);4)兼容性检查(提示哪些浏览器/环境需要 WOFF 兜底);5)必须支持“一键输出HTML”:导出一个单文件 HTML,包含字体预览区域、@font-face 已写入且字体以内嵌 data:URL 方式加载;6)提供下载 WOFF2 的按钮与校验结果 JSON。
交付物要求:输出文件树、源码、运行命令、部署说明(静态/容器均可),以及至少 6 条测试用例。
检测字体对某段文本/某个 Unicode 范围的覆盖情况,输出缺字清单与可交付报告。
提示词 (Prompts):
请用中文输出一个在线“字体字符覆盖检测”工具的完整实现。输入:字体文件 + 待检测文本(或选择常用范围:基础拉丁、CJK 常用汉字、标点符号、Emoji 仅做检测不生成图片)。输出:覆盖率、缺字列表(按字符与码点)、以及可下载的报告。
硬性功能:1)上传字体并解析 cmap;2)文本去重并逐字符判断是否存在 glyph;3)按类别统计(汉字/英文/数字/标点/其他);4)导出报告(JSON + 可读表格);5)必须支持“一键输出HTML”:导出单文件 HTML 报告页(可离线打开),内嵌检测结果与可搜索过滤;6)提供“复制缺字清单”按钮。
技术栈:纯前端优先;必须给出文件树、源码、运行/构建命令、部署说明。至少 7 条 QA checklist(含空文本、重复字符、大文本、罕见符号、不同字体格式、离线报告打开、搜索过滤)。
帮助前端快速生成可用的 @font-face 与 fallback 字体栈,并在页面里对比渲染差异(不涉及生成图片)。
提示词 (Prompts):
请用中文生成一个在线“@font-face 生成与字体栈对比”工具项目。用户上传字体文件或填写外链地址(可选),工具生成 @font-face 片段,并提供两列预览:自定义字体 vs 系统 fallback 栈。
硬性功能:1)上传字体并生成 data:URL(可选);2)表单可配置 font-family 名、font-weight、font-style、font-display;3)自动生成 @font-face 代码并可复制;4)预览区支持输入文本、调整字号/行高;5)差异提示:字符宽度/行高变化的简单统计;6)必须支持“一键输出HTML”:导出单文件 HTML,打开即包含 @font-face、预览 UI、并内嵌字体(如用户上传)。
交付物:文件树、源码、启动命令、部署说明、至少 5 条测试用例(包括只用系统栈、上传字体、导出 HTML 离线打开、复制代码、不同权重样式)。
面向 Variable Font(如 wght/wdth/slnt)的在线调参预览,便于产品与设计确认可变轴范围。
提示词 (Prompts):
请用中文输出一个在线“可变字体轴参数探索器”项目。用户上传可变字体后,工具自动解析可用轴(wght、wdth、opsz、slnt、ital 等),生成滑杆控制,并实时预览文本。
硬性功能:1)解析并展示轴信息(最小/最大/默认);2)滑杆控制并生成 CSS font-variation-settings;3)预览区输入文本与样式调整;4)保存/加载预设(JSON);5)必须支持“一键输出HTML”:导出单文件 HTML,包含当前轴设置的预览页(内嵌字体 data:URL + 预设 JSON)。
项目必须给出:文件树、源码、运行/构建命令、部署说明;以及至少 6 条 QA checklist(包括非可变字体提示、轴边界、预设导入导出、导出 HTML 离线打开、性能、移动端适配)。
读取 name table 等信息,检查命名一致性,避免上线后出现“字体名混乱/字重不对”的问题。
提示词 (Prompts):
请用中文输出一个在线“字体元信息与命名表检查”工具的完整项目。输入:字体文件。输出:family/subfamily/post /fullname/version 等字段,并做一致性校验提示(例如缺失字段、同家族多权重命名不统一)。
硬性功能:1)解析并表格展示元信息;2)规则校验(至少 10 条规则,给出可配置开关);3)生成修复建议文本(不直接改字体也可以,但要说明);4)导出检查报告(JSON + 可读 HTML);5)必须支持“一键输出HTML”:导出单文件报告页,离线可查看全部结果与建议。
交付物:文件树、源码、运行命令、部署说明、至少 7 条测试/QA checklist(多格式、缺字段、中文字体名、不同平台 nameId、导出报告、搜索过滤、复制建议)。
把体积拆解到可执行策略:按页面路由/语言分包、unicode-range 分片、缓存头建议等。
提示词 (Prompts):
请用中文生成一个在线“字体体积分析与按需加载策略”工具项目。用户上传字体(或输入字体 URL),工具生成体积分析、建议的 unicode-range 分片方案,以及对应的 CSS 片段。
硬性功能:1)体积与基本指标展示(glyph 数、表数量等);2)按常用范围生成 unicode-range 建议(拉丁、数字、标点、CJK 常用等);3)输出多段 @font-face 片段;4)提供“策略说明”区域(纯文本);5)必须支持“一键输出HTML”:导出单文件 HTML,包含分析结果、生成的 CSS 代码、以及可复制区域;若用户上传字体,导出页需可选择是否内嵌字体或仅保留外链加载。
交付物:文件树、源码、运行/构建命令、部署说明;至少 6 条 QA checklist(URL 不可达、跨域提示、上传字体、导出 HTML、unicode-range 覆盖、复制代码正确性)。
同时加载多份字体,按同一段文本对比渲染,检查字重/间距/回退是否一致,适合品牌字体更换评审。
提示词 (Prompts):
请用中文输出一个在线“多字体对比预览与一致性检查”工具项目。用户可上传 2-5 个字体文件,工具在同页面并排展示同一段文本,并提供简单指标对比(行高、字宽估计、字距变化提示)。
硬性功能:1)多字体上传与管理(重命名、移除);2)并排预览(可切换网格/列表);3)可配置字号/行高/字间距;4)输出对比摘要(纯文本 + JSON);5)必须支持“一键输出HTML”:导出单文件 HTML,对比页可离线打开(内嵌所选字体 data:URL),并包含当前配置与文本。
交付物:文件树、源码、运行命令、部署说明、至少 6 条测试/QA checklist(多字体、移除重排、极端文本、导出离线、移动端布局、性能)。
提示:以上每条提示词都要求产出可运行的完整项目与可离线交付的 HTML 导出物,适合用于快速搭建字体相关的在线工具原型与交付页。