danilo-znamerovszkij/draw-your-font

これは何？

主な機能

• 01手書き文字の写真から、TTF、WOFF、WOFF2形式のフォントファイルを作成します。
• 02最小限またはスペイン語の文字セットを収録した、印刷用のA4 PDFテンプレートを生成します。
• 03照明にむらがある写真からも、自由なレイアウトの文字を検出してセグメント化します。
• 04グリフの曲線をより滑らかにしたり、線を太くしたりする調整機能を備えています。
• 05Web向けのWOFF2ファイルと、CSSの@font-faceスニペットを出力できます。
• 06FontForge、ImageMagick、potraceのバイナリを必要とせず、npmだけでローカル実行できます。

ユースケース

• メモ、スライド、デザイン制作に使う、自分の手書き文字フォントを作成する。
• 個人サイト向けに、CSSと組み合わせてWebで使える手書きフォントを作成する。
• アルファベットの簡単なスケッチから、オリジナルのディスプレイフォントを試作する。
• 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とClaude Codeスキル。 draw-your-fontは、手書きの文字を撮影した写真から、実用的なフォントファイルを作成します。紙にアルファベットを書いて撮影すると、各文字を検出し、potraceでベクター化して、TTF、WOFF、WOFF2形式で出力します。各グリフは共通のemスクエアに配置され、キャップハイト、xハイト、ディセンダーの深さが揃うため、gやoなどの文字も切り抜いた断片のように見えず、ベースラインに正しく揃います。

draw-your-font は無料で使えますか？ライセンスは？

draw-your-font は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

draw-your-font は今もメンテナンスされていますか？

半年以内に更新あり。draw-your-font の最終コミットは 2026年8月5日 です。

draw-your-font は何に使えますか？

メモ、スライド、デザイン制作に使う、自分の手書き文字フォントを作成する。 個人サイト向けに、CSSと組み合わせてWebで使える手書きフォントを作成する。 アルファベットの簡単なスケッチから、オリジナルのディスプレイフォントを試作する。 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