字体工具 字体子集化与预览打包器 AI 提示词 (Prompts)

使用说明

本篇只收录「字体工具」方向的在线工具生成型提示词。每条提示词都要求 AI 直接产出可运行的项目源码、文件结构、运行命令、部署说明与测试清单,并且工具内置“一键输出 HTML”能力,用于交付与预览。

字体子集化与离线预览打包器

把 TTF/OTF 变成更轻量的 WOFF2 子集,并生成离线可打开的预览包,便于发给同事或客户确认。

提示词 (Prompts):

请用中文生成一个可运行的「字体子集化与离线预览打包器」在线工具项目,要求: 1) 技术栈:Vite + Type + React(或纯 TS 也可,但必须可构建)。 2) 功能:上传 TTF/OTF;选择字符集来源(手动输入/粘贴文本/从示例文案抽取);在浏览器端完成子集化(可用 wasm 方案或在 Node 构建时处理,两种方案任选其一但要说清);输出 WOFF2;提供预览区对比「原字体/子集字体」渲染效果;显示字形覆盖率与缺失字符列表。 3) 一键输出 HTML:提供“导出 HTML”按钮,生成一个单文件 HTML(或生成包含 index.html 的最小可运行包并打包为 zip),要求导出的 HTML 可离线直接打开并能加载子集后的字体文件(如使用 data URL 内联或把字体一起打包)。 4) 交付物必须包含:完整文件树、所有源码(index.html、src 目录、配置文件)、安装与运行命令、构建命令、部署到静态托管的说明。 5) 测试/QA:至少给出 8 条 QA checklist(含边界:空字符集、超大字体、缺字、中文/emoji 混合、不同浏览器)。 6) 约束:不要写任何生成图片/渲染图/海报插画相关内容;所有说明与注释尽量中文。 请直接输出完整项目代码与文件内容,不要只给片段。

主要用途: 面向 Web 字体加载优化与交付确认,快速生成可离线预览的最小包,并减少字体体积。

字体元数据审计与命名规范化台

自动检查字体家族命名、版本号、授权备注等元数据,统一输出一份可追溯的审计报告。

提示词 (Prompts):

请用中文生成一个「字体元数据审计与命名规范化台」在线工具的完整项目源码,要求: 1) 技术栈:Next.js(App Router)+ Type ,前端页面可在浏览器使用;如果需要解析字体,可用 opentype.js 或等价库。 2) 功能:上传多个 TTF/OTF/WOFF/WOFF2;读取 name 表/OS2 等关键信息;输出规范化建议(Family/FullName/Post Name/版本号/Style 命名);支持批量重命名下载(保留原文件,生成新文件名映射表)。 3) 一键输出 HTML:提供“导出 HTML 报告”按钮,生成一个单文件 HTML 报告(含表格、筛选、搜索),可离线打开查看审计结果(数据内联)。 4) 交付物:给出文件树、完整源码、运行命令、构建与部署说明;附一份示例数据(用内置 mock,不要联网)。 5) 测试/QA:至少 6 条测试用例或 QA checklist,覆盖多文件、缺失字段、中文字体、奇怪命名与重复条目。 禁止:任何图像生成相关提示。 请直接输出可运行的完整代码。

主要用途: 统一字体资源命名与元数据质量,减少上线后字体匹配失败或样式错乱。

字体授权备注生成与风险提示器

把常见授权条款关键词结构化,生成可读的授权摘要与风险提示,便于团队内部流转。

提示词 (Prompts):

请用中文生成一个可部署的「字体授权备注生成与风险提示器」在线工具项目,要求: 1) 技术栈:Vite + Vue3 + Type (或 React 也可)。 2) 功能:输入/粘贴字体授权文本(EULA/README/网页复制文本);用规则+可解释的结构化抽取(不依赖外部 API);输出:是否可商用、是否可改作、是否可再分发、是否需要署名、是否有地域/时间限制;并给出“需看协议/免费商用”之类的标签建议(仅提示,不做法律结论)。 3) 一键输出 HTML:支持导出单文件 HTML 备注页,包含原文、抽取结果、风险点、版本与日期;离线可打开。 4) 交付物:完整项目代码、文件树、运行/构建/部署说明。 5) QA:至少 8 条 checklist(包括空输入、超长文本、多语言混合、重复条款、误报/漏报处理)。 不要写任何生成图片/插画/海报相关内容。

主要用途: 帮团队快速整理授权信息,形成可交付的备注页与可追溯记录。

字体回退链与覆盖率对比实验台

在同一段文本上对比多套字体与回退链效果,定位缺字与回退触发点。

提示词 (Prompts):

请用中文生成一个「字体回退链与覆盖率对比实验台」在线工具项目源码,要求: 1) 技术栈:纯前端(Type + Web Components 或 React 均可),不依赖服务器。 2) 功能:上传多份字体文件;配置 font-family 回退链(按顺序);输入测试文本(支持中文、英文、emoji);渲染对比;高亮显示每个字符实际命中的字体(可用 canvas 测量或分段渲染推断,给出可行实现);输出缺字列表与建议替代字体。 3) 一键输出 HTML:导出一个单文件 HTML(内联测试文本与配置;字体文件可选择内联为 64 或随包输出),确保离线可复现对比结果。 4) 交付物:完整文件树、源码、运行/构建命令、部署到静态站点说明。 5) QA:至少 7 条 checklist,覆盖大文本、不同字体格式、移动端兼容与性能。 禁止任何图像生成导向。

主要用途: 解决“线上字体显示不一致/缺字”的定位与复现,把回退链变成可交付的证据页。

WOFF2 压缩率与加载性能评估器

给同一套字体生成多种压缩参数组合,评估体积、首屏加载与缓存命中策略。

提示词 (Prompts):

请用中文生成一个「WOFF2 压缩率与加载性能评估器」项目,要求: 1) 技术栈:Node.js + 前端页面(可用 Express 提供本地服务,也可用 Vite 代理);需要可一键启动。 2) 功能:上传字体后,生成多份 WOFF2(不同压缩/子集策略);展示每份体积、估算加载时间(按可配置网络条件);生成 @font-face 示例与缓存策略建议。 3) 一键输出 HTML:导出一个可离线打开的 HTML 报告页,包含所有方案对比表、推荐方案、以及可复制的 CSS 片段(数据内联)。 4) 交付物:完整项目代码、文件树、运行命令、构建与部署说明。 5) QA:至少 6 条 checklist(包含无效字体、重复上传、超大文件、不同网络条件)。 禁止图像生成相关内容。

主要用途: 量化字体优化收益,形成可交付的对比报告与可复用的 CSS 配置。

字体预览样张生成与版本对比页

把同一段样张在不同版本字体上生成对比页面,快速确认字形变化与回归风险。

提示词 (Prompts):

请用中文生成一个「字体预览样张生成与版本对比页」在线工具项目,要求: 1) 技术栈:SvelteKit + Type (或等价前端框架)。 2) 功能:上传两份或多份字体版本;选择样张模板(标题/正文/数字/符号/中英混排);自动生成对比视图(并排/叠加切换);支持导出变更摘要(哪些字符差异最大可用简单启发式)。 3) 一键输出 HTML:导出一个单文件 HTML 对比页(内联样张与配置;字体可选择内联或随包输出)。 4) 交付物:完整源码、文件树、命令、部署说明;包含至少一个内置样张模板。 5) QA:至少 8 条 checklist,覆盖多版本、缺字、移动端、不同字号与行高。 不要写任何生成海报/插画内容。

主要用途: 做字体版本发布前的回归对比,把对比页直接作为交付物发给评审人。

字体文件批处理改名与清单导出器

为一批字体生成统一的文件命名、目录结构与清单,方便归档与上传。

提示词 (Prompts):

请用中文生成一个「字体文件批处理改名与清单导出器」项目,要求: 1) 技术栈:纯前端(Type + React),所有处理在浏览器完成。 2) 功能:批量导入字体;读取元数据生成推荐文件名;支持自定义命名规则(占位符:家族、字重、风格、版本);生成目录树预览;一键打包下载 zip(包含字体与 manifest.json)。 3) 一键输出 HTML:导出一个单文件 HTML 清单页(可搜索/筛选/复制),数据内联,离线可打开。 4) 交付物:完整项目源码、文件树、运行/构建/部署说明。 5) QA:至少 7 条 checklist(重复命名冲突、非法字符、不同格式、超多文件性能)。 禁止图像生成导向。

主要用途: 统一字体资产的归档与交付格式,避免命名混乱导致引用错误。

字体 CSS 片段生成与校验台

把字体文件与命名映射自动转成可用的 @font-face CSS,并校验路径、权重与回退设置。

提示词 (Prompts):

请用中文生成一个「字体 CSS 片段生成与校验台」在线工具项目,要求: 1) 技术栈:Vite + Type + React。 2) 功能:上传字体文件或读取 manifest.json;生成 @font-face CSS(含 font-display、unicode-range 可选);提供实时预览区;校验常见错误(权重范围、重复 family、格式声明、路径不一致)。 3) 一键输出 HTML:导出单文件 HTML(包含生成的 CSS、预览文本、校验结果与建议),离线可打开并可复制 CSS。 4) 交付物:完整项目代码、文件树、命令、部署说明。 5) QA:至少 6 条 checklist(多字体、多权重、unicode-range、空输入、浏览器兼容)。 不要出现任何图像生成类指令。

主要用途: 快速产出可用的字体 CSS 配置,减少线上字体加载闪烁与样式不一致问题。

字体缺字补齐建议与替代方案库

针对缺失字符集给出替代字体组合建议,并生成可交付的建议报告。

提示词 (Prompts):

请用中文生成一个「字体缺字补齐建议与替代方案库」在线工具项目源码,要求: 1) 技术栈:Next.js + Type 。 2) 功能:上传主字体与候选替代字体集合;输入目标字符集或样本文本;计算覆盖率;输出推荐回退链(按覆盖率/风格相近度简单打分);生成缺字清单。 3) 一键输出 HTML:导出单文件 HTML 报告(含推荐回退链、覆盖率表、缺字列表、复现步骤),离线可打开。 4) 交付物:完整源码、文件树、运行/构建命令、部署说明。 5) QA:至少 8 条 checklist(中文、符号、emoji、超长文本、候选集很大、性能与缓存)。 禁止任何图像生成提示。

主要用途: 为多语言站点或复杂符号场景建立可解释的字体回退方案,并输出可交付报告。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功