Repolode
danilo-znamerovszkij

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. 1

    安装 Claude Code 技能

    npx skills add danilo-znamerovszkij/draw-your-font
  2. 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 数据每日更新。

相关项目