Repolode
Enviar
danilo-znamerovszkij

danilo-znamerovszkij/draw-your-font

Uma CLI para Node e uma skill do Claude Code que transformam uma foto da sua letra em uma fonte TTF, WOFF ou WOFF2 instalável.

Alternativa open source a:Calligraphr

Ver no GitHubSite
Estrelas
824
Forks
77
Issues abertas
6
Último commit
há 3 meses

O que é?

draw-your-font converte uma foto de letras manuscritas em um arquivo de fonte pronto para usar. Você escreve o alfabeto em uma folha, tira uma foto e a ferramenta detecta cada letra, vetorializa com potrace e gera arquivos TTF, WOFF ou WOFF2. Cada glifo é posicionado em um em-square compartilhado, com altura de maiúsculas, altura-x e profundidade de descendentes consistentes, para que letras como g e o fiquem corretamente apoiadas na linha de base, em vez de parecerem recortes.

A ferramenta pode ser usada de duas formas. Como skill do Claude Code, um agente localiza e identifica as letras em uma foto desorganizada, mostra uma prévia do resultado e aceita pedidos de refinamento, como arredondar as curvas ou engrossar os traços. Como CLI npm independente, você informa a ordem dos caracteres e usa comandos para gerar um modelo imprimível, segmentar fotos, montar a fonte e visualizar textos. O pipeline é executado localmente, sem dependências de sistema como FontForge ou ImageMagick.

Recursos principais

  • 01Converte fotos de escrita à mão em arquivos de fonte TTF, WOFF e WOFF2.
  • 02Gera um modelo imprimível em PDF A4 com conjuntos de caracteres mínimos ou em espanhol.
  • 03Detecta e segmenta letras em fotos livres com iluminação irregular.
  • 04Permite ajustar a suavização e o peso para deixar os glifos mais arredondados ou encorpados.
  • 05Pode gerar arquivos WOFF2 prontos para a web e um trecho CSS @font-face.
  • 06É executado localmente como um pacote npm puro, sem exigir FontForge, ImageMagick ou o binário do potrace.

Casos de uso

  • Criar uma fonte com sua própria letra para anotações, slides ou projetos de design.
  • Produzir uma fonte manuscrita pronta para a web, com CSS, para um site pessoal.
  • Prototipar uma fonte de display personalizada a partir de um esboço rápido do alfabeto.
  • Criar uma fonte no Claude Code por meio de iterações em uma conversa.

Início rápido

  1. 1

    Instalar a skill do Claude Code

    npx skills add danilo-znamerovszkij/draw-your-font
  2. 2

    Criar uma fonte a partir de uma foto livre com a CLI

    npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"

Antes de usar

  • Kerning, ligaduras e aleatorização de letras estão previstos para a v2 e ainda não estão disponíveis.
  • Para obter a melhor qualidade, é preciso imprimir o modelo e preenchê-lo, em vez de usar uma foto livre.
  • Para usar a skill do Claude Code, é necessário ter acesso ao Claude Code.

Tópicos

#font#handwriting#potrace#cli#nodejs#claude-code#woff2#typography#claude-skill#handwriting-font

Perguntas frequentes

O que é draw-your-font?
Uma CLI para Node e uma skill do Claude Code que transformam uma foto da sua letra em uma fonte TTF, WOFF ou WOFF2 instalável. draw-your-font converte uma foto de letras manuscritas em um arquivo de fonte pronto para usar. Você escreve o alfabeto em uma folha, tira uma foto e a ferramenta detecta cada letra, vetorializa com potrace e gera arquivos TTF, WOFF ou WOFF2. Cada glifo é posicionado em um em-square compartilhado, com altura de maiúsculas, altura-x e profundidade de descendentes consistentes, para que letras como g e o fiquem corretamente apoiadas na linha de base, em vez de parecerem recortes.
draw-your-font é gratuito? Qual é a licença?
draw-your-font é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
draw-your-font ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de draw-your-font foi em 5 de ago. de 2026.
Para que posso usar draw-your-font?
Criar uma fonte com sua própria letra para anotações, slides ou projetos de design. Produzir uma fonte manuscrita pronta para a web, com CSS, para um site pessoal. Prototipar uma fonte de display personalizada a partir de um esboço rápido do alfabeto. Criar uma fonte no Claude Code por meio de iterações em uma conversa.
Como instalar draw-your-font?
Instalar a skill do Claude Code: npx skills add danilo-znamerovszkij/draw-your-font Criar uma fonte a partir de uma foto livre com a CLI: npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"
Onde consigo draw-your-font?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/danilo-znamerovszkij/draw-your-font

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados