一个 Agent Skill,让 AI 把复杂问题的回答生成为一页可离线查看的 HTML,含图表与表格。
danilo-znamerovszkij/draw-your-font
一款将手写照片转换为可安装字体(TTF/WOFF/WOFF2)的 Node CLI 与 Claude Code 技能,全部本地运行。
可替代:Calligraphr
- Star
- 824
- Fork
- 77
- 未关闭 Issue
- 6
- 最近提交
- 3个月前
这是什么?
draw-your-font 可以把手写字母的照片转换为可用的字体文件。你先在纸上写下字母表,拍照后,工具会识别每个字符,用 potrace 矢量化,并输出 TTF、WOFF 或 WOFF2 格式。所有字形都放在统一的 em 方框中,保持一致的大写高度、小写字母高度和下伸深度,因此 g、o 等字母的基线位置正确,不会像拼贴的剪影。
它有两种使用方式:作为 Claude Code 技能,由 AI 在杂乱的照片中找出并标注字母,预览效果,并支持“更圆一点”“再粗一点”之类的调整;作为独立的 npm CLI,则由你指定字符顺序,通过命令生成可打印模板、切分照片、构建字体并预览文字。整个流程在本地运行,无需 FontForge 或 ImageMagick 等系统依赖。
核心功能
- 01将手写字母照片转换为 TTF、WOFF 和 WOFF2 字体文件。
- 02可生成 A4 可打印 PDF 模板,支持 minimal 与西班牙语字符集。
- 03从光线不均的随意照片中检测并切分字母。
- 04支持平滑与字重调整,让字形更圆或更粗。
- 05可输出适合网页的 WOFF2 文件及 CSS @font-face 代码。
- 06纯 npm 实现,本地运行,无需 FontForge、ImageMagick 或 potrace 可执行文件。
适用场景
- 为个人笔记、演示文稿或设计作品制作专属手写字体。
- 为个人网站生成适合网页使用的手写字体及 CSS 代码。
- 根据快速手绘的字母表原型化一款自定义展示字体。
- 在 Claude Code 中通过对话迭代完成字体制作。
快速上手
- 1
安装 Claude Code 技能
npx skills add danilo-znamerovszkij/draw-your-font - 2
使用 CLI 从自由书写照片生成字体
npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"
使用前须知
- 字距调整、连字和字母随机化计划在 v2 中提供,目前尚不可用。
- 要获得最佳效果,需要打印模板并填写,而不是直接使用自由书写的照片。
- 使用 Claude Code 技能需要有 Claude Code 的访问权限。
标签
常见问题
- draw-your-font 是什么?
- 一款将手写照片转换为可安装字体(TTF/WOFF/WOFF2)的 Node CLI 与 Claude Code 技能,全部本地运行。 draw-your-font 可以把手写字母的照片转换为可用的字体文件。你先在纸上写下字母表,拍照后,工具会识别每个字符,用 potrace 矢量化,并输出 TTF、WOFF 或 WOFF2 格式。所有字形都放在统一的 em 方框中,保持一致的大写高度、小写字母高度和下伸深度,因此 g、o 等字母的基线位置正确,不会像拼贴的剪影。
- draw-your-font 可以免费使用吗?用的什么许可证?
- draw-your-font 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- draw-your-font 还在维护吗?
- 半年内有更新。draw-your-font 最近一次提交是在 2026年8月5日。
- draw-your-font 适合用来做什么?
- 为个人笔记、演示文稿或设计作品制作专属手写字体。 为个人网站生成适合网页使用的手写字体及 CSS 代码。 根据快速手绘的字母表原型化一款自定义展示字体。 在 Claude Code 中通过对话迭代完成字体制作。
- draw-your-font 怎么安装和运行?
- 安装 Claude Code 技能: npx skills add danilo-znamerovszkij/draw-your-font 使用 CLI 从自由书写照片生成字体: npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"
- 在哪里获取 draw-your-font?
- 源代码和安装说明在 GitHub 上:https://github.com/danilo-znamerovszkij/draw-your-font
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
为 Claude Code 提供智能体、命令、配置、钩子和 MCP 集成模板的 CLI 工具与目录。
Claude Code 插件,在输入框下方实时显示上下文用量、速率限制、工具、子代理和待办进度。
把本地运行的 Claude Code、Codex、Gemini CLI 等 AI 编程代理接入飞书、Slack、Telegram 等聊天平台。
本地运行的 CLI 与桌面应用,按工具、模型、项目和任务拆解 AI 编程的 token 用量与费用。
一个轻量的 Windows 命令行工具,可弹出系统通知,并可接入 AI 编程代理,在长任务完成时提醒你。