Repolode
danilo-znamerovszkij

danilo-znamerovszkij/draw-your-font

Node CLI и skill для Claude Code, превращающие фото вашего почерка в устанавливаемый шрифт TTF, WOFF или WOFF2.

Open source альтернатива:Calligraphr

Звёзды
824
Форки
77
Открытые issues
6
Последний коммит
3 месяца назад

Что это?

draw-your-font превращает фото рукописных букв в готовый к использованию файл шрифта. Вы пишете на бумаге алфавит, фотографируете его, а инструмент распознаёт буквы, векторизует их с помощью potrace и собирает шрифт в форматах TTF, WOFF или WOFF2. Каждый глиф располагается в общей em-квадратной области с одинаковой высотой прописных, высотой строчных и глубиной выносных элементов, поэтому буквы вроде g и o правильно стоят на базовой линии, а не выглядят как вырезанные фрагменты.

Инструмент можно использовать двумя способами. В качестве skill для Claude Code агент находит и подписывает буквы на неаккуратном фото, показывает предварительный результат и учитывает пожелания по доработке — например, сделать изгибы более округлыми или штрихи толще. В качестве самостоятельного npm CLI он позволяет вручную задать порядок символов и предоставляет команды для создания шаблона для печати, сегментации фотографий, сборки шрифта и предпросмотра текста. Весь конвейер работает локально и не требует системных зависимостей вроде FontForge или ImageMagick.

Ключевые возможности

  • 01Преобразует фотографии почерка в файлы шрифтов TTF, WOFF и WOFF2.
  • 02Создаёт шаблон PDF формата A4 для печати с базовым или испанским набором символов.
  • 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?
Node CLI и skill для Claude Code, превращающие фото вашего почерка в устанавливаемый шрифт TTF, WOFF или WOFF2. draw-your-font превращает фото рукописных букв в готовый к использованию файл шрифта. Вы пишете на бумаге алфавит, фотографируете его, а инструмент распознаёт буквы, векторизует их с помощью potrace и собирает шрифт в форматах TTF, WOFF или WOFF2. Каждый глиф располагается в общей em-квадратной области с одинаковой высотой прописных, высотой строчных и глубиной выносных элементов, поэтому буквы вроде g и o правильно стоят на базовой линии, а не выглядят как вырезанные фрагменты.
draw-your-font можно использовать бесплатно? Какая у него лицензия?
draw-your-font распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
draw-your-font всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в draw-your-font — 5 авг. 2026 г..
Для чего можно использовать 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

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты