8套可复用的在线工具生成 Prompts:统一要求项目结构、可运行命令、部署步骤与测试用例,覆盖字体预览、子集化、格式转换与字形覆盖检测等。
在线 Font Preview + Spec Viewer
上传字体文件并预览字形、字重、OpenType特性,导出字体信息报告。
英文 Prompt:
Build "Font Preview & Spec Viewer". Inputs: TTF/OTF/WOFF/WOFF2. Features: glyph grid, search by unicode/name, preview text with font size/weight, show data (family, style, version), list OpenType features, export report JSON/Markdown. Tech: React+TS+Vite using opentype.js. Output full code + run/build + deploy + QA checklist with 15 fonts.
中文释义: 生成字体预览与信息查看器:字形网格+元信息+特性列表,并支持导出报告。
在线 TTF/OTF/WOFF2 转换器
在浏览器端转换字体格式并批量导出zip,带进度与错误提示。
英文 Prompt:
Build "Font Converter". Convert between TTF/OTF/WOFF/WOFF2 using wasm where needed. Batch processing, progress UI, validation, export as zip. Tech: Svelte+TS+Vite. Output full code + run/build + deploy + QA checklist with 12 fonts and corrupted cases.
中文释义: 生成字体格式转换工具:批量处理+进度提示+导出zip,覆盖损坏文件测试。
在线 字体子集化工具(Subset)
选择字符集(自定义文本/Unicode范围),生成子集字体并输出大小对比报告。
英文 Prompt:
Build "Font Subsetter". Inputs: font file + text or unicode ranges. Output: subset font, size comparison, export subset + report JSON. Tech: Next.js+TS static export + wasm subset lib. Output full project + run/build + deploy + QA checklist with 10 scenarios.
中文释义: 生成字体子集化工具:支持字符集选择、输出子集字体与大小对比报告。
在线 Glyph Coverage Checker
对比两份字体的字形覆盖范围,输出缺失字符列表与建议。
英文 Prompt:
Build "Glyph Coverage Checker". Inputs: font A/B. Output: coverage stats, missing codepoints list, export CSV/JSON. Tech: SolidJS+TS. Output full code + QA checklist with 10 pairs.
中文释义: 生成字形覆盖检测工具:输出缺失列表与统计,并支持导出。
在线 字体授权信息卡片生成器(文本版)
输入字体来源与协议要点,生成标准化授权说明文本与JSON记录。
英文 Prompt:
Build "Font License Card Builder". Inputs: source, license type, notes. Output: standardized license text template + JSON, export/import, localStorage. Tech: Vanilla JS. Output full code + QA checklist with 20 licenses.
中文释义: 生成字体授权信息卡片工具:输出标准化文本与JSON记录,便于统一管理。
在线 字体命名规范检查器
检查family/style命名是否规范,提示冲突与建议修复策略。
英文 Prompt:
Build "Font Naming Checker". Input: font file. Parse name table, validate family/subfamily/PS name, detect conflicts, output suggestions. Tech: React+TS+Vite. Output full code + QA checklist with 12 fonts.
中文释义: 生成字体命名检查器:解析name表并给出冲突与修复建议。
在线 字体对照排版样张预览(不出图)
选择样本文本与字号行高,生成可复制的HTML预览页面用于对照。
英文 Prompt:
Build "Typography Spec Preview". Input: sample text + settings. Output: HTML preview blocks and export the HTML file (text- d). No image generation required. Tech: Vanilla JS. Output full code + QA checklist.
中文释义: 生成排版样张预览工具:导出HTML用于对照,不涉及图片生成。
在线 字体文件体积优化建议器
根据字体统计信息给出压缩/子集化/格式选择建议并导出计划。
英文 Prompt:
Build "Font Optimization Advisor". Input: font stats JSON or parsed data. Output: recommendations and step plan, export Markdown/JSON. Tech: Next.js+TS static export. Output full code + QA checklist.
中文释义: 生成字体优化建议器:输出可执行计划并可导出复用。