# AI use cases for Draw Your Font (danilo-znamerovszkij/draw-your-font) Repo: [danilo-znamerovszkij/draw-your-font](https://github.com/danilo-znamerovszkij/draw-your-font) | Use cases: 4 | Page: https://dedupedai.com/use-cases/danilo-znamerovszkij-draw-your-font/ A free, open source Node CLI and Claude Code skill that turns a photo of handwritten letters into an installable font (TTF, WOFF, WOFF2) and CSS. This file holds every use case of this repo. Each one starts with a "## " heading and ends with its URL. - Turn a handwriting photo into a font with Claude Code: https://dedupedai.com/use-cases/danilo-znamerovszkij-draw-your-font/handwriting-photo-to-font-with-claude-code/ - Build a font from a photo with the CLI, no AI: https://dedupedai.com/use-cases/danilo-znamerovszkij-draw-your-font/build-font-from-photo-with-cli/ - Print a template to get a cleaner handwriting font: https://dedupedai.com/use-cases/danilo-znamerovszkij-draw-your-font/print-template-for-cleaner-handwriting-font/ - Export a handwriting web font with CSS for a site: https://dedupedai.com/use-cases/danilo-znamerovszkij-draw-your-font/web-font-css-from-handwriting/ ## How to turn a handwriting photo into a font with Claude Code with Draw Your Font Repo: [danilo-znamerovszkij/draw-your-font](https://github.com/danilo-znamerovszkij/draw-your-font) | Difficulty: Intermediate | Time: 30 minutes | Basis: From the README Photograph your letters, let Claude find and label them, then iterate on the font by chatting. **Who it is for:** A designer or hobbyist with a notebook full of hand lettering who wants a usable font without learning font tools. **The problem:** Turning handwritten letters into a real font usually means manual tracing and specialized font editors. **The outcome:** An installable TTF, WOFF, or WOFF2 font built from one photo, previewed and refined through conversation. ### Steps 1. Draw your alphabet on paper and take one clear photo of it. 2. Run `npx skills add danilo-znamerovszkij/draw-your-font` to install the skill. 3. In Claude Code, invoke /draw-your-font and attach the photo with a request such as "make my font". 4. Review the preview and ask for changes such as "make it rounder" or "a bit bolder". 5. Ask for the formats you need, such as "give me woff2 + css for my website". ### Prompt to paste into your agent ```text Use the draw-your-font skill from the danilo-znamerovszkij/draw-your-font repo on the photo at . Build a font from the handwritten letters and save the TTF, WOFF, and WOFF2 files to . Verify that the preview renders the letters A, a, and g correctly before reporting the output files. ``` ### Caveat The README says the skill finds letters with vision, so messy or dim photos may need a re-shoot, and kerning and ligatures are planned for v2. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/danilo-znamerovszkij-draw-your-font/handwriting-photo-to-font-with-claude-code/ ## How to build a font from a photo with the CLI, no AI with Draw Your Font Repo: [danilo-znamerovszkij/draw-your-font](https://github.com/danilo-znamerovszkij/draw-your-font) | Difficulty: Intermediate | Time: 30 minutes | Basis: From the README Run one npx command on a freeform photo and get a font file you can install. **Who it is for:** A developer or hobbyist who knows the order they wrote the letters and wants a scripted, repeatable build. **The problem:** Font tools often require system installs of FontForge or ImageMagick, which slows down a simple personal font. **The outcome:** A font file such as MyHand.ttf that installs by double-click, built with pure npm and no system dependencies. ### Steps 1. Write the letters on paper in a known order and photograph them. 2. Run `npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"`. 3. Open the generated MyHand.ttf and install it on your system. 4. Run `npx draw-your-font preview` to render sample text with the built font. (inferred, check the README) ### Prompt to paste into your agent ```text Use the draw-your-font CLI from the danilo-znamerovszkij/draw-your-font repo to build a font from with --chars set to and --name set to . Expected output is a .ttf file in the working directory. Verify the file exists and that the preview command renders the sample text. ``` ### Caveat The README says the output is a clean single-variant font, so kerning and letter randomization are not part of this build. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/danilo-znamerovszkij-draw-your-font/build-font-from-photo-with-cli/ ## How to print a template to get a cleaner handwriting font with Draw Your Font Repo: [danilo-znamerovszkij/draw-your-font](https://github.com/danilo-znamerovszkij/draw-your-font) | Difficulty: Intermediate | Time: 45 minutes | Basis: From the README Fill a printable grid by hand, photograph the pages, and build a font with known letter order. **Who it is for:** A person who wants a higher-quality font than a freeform photo gives and can print on A4 paper. **The problem:** Freeform photos of napkins or notebooks have uneven letter order and lighting, which makes labeling harder. **The outcome:** A font built from template pages, where the known grid order makes labeling reliable. ### Steps 1. Run `npx draw-your-font template -o template.pdf --charset minimal` and print the PDF on A4. 2. Write each letter in its box with a dark pen, then photograph the pages. 3. Run `npx draw-your-font make page1.jpg page2.jpg --charset minimal --name "My Hand"`. 4. Install the generated font and check it with `npx draw-your-font preview`. (inferred, check the README) ### Prompt to paste into your agent ```text Use the draw-your-font CLI from the danilo-znamerovszkij/draw-your-font repo to create a template with --charset and build a font from the filled pages . Expected output is a font file named . Verify that the build completes and that the preview shows letters in the expected grid order. ``` ### Caveat The README says the template path gives the best quality, but the output still depends on how clearly the pages are photographed and written. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/danilo-znamerovszkij-draw-your-font/print-template-for-cleaner-handwriting-font/ ## How to export a handwriting web font with CSS for a site with Draw Your Font Repo: [danilo-znamerovszkij/draw-your-font](https://github.com/danilo-znamerovszkij/draw-your-font) | Difficulty: Intermediate | Time: 30 minutes | Basis: From the README Generate WOFF, WOFF2, and an @font-face snippet to use your handwriting on a website. **Who it is for:** A web designer or personal site owner who wants a custom handwritten headline or body font. **The problem:** Web fonts need several formats and a CSS snippet, which is tedious to set up by hand. **The outcome:** Web-ready WOFF and WOFF2 files plus a CSS @font-face snippet for your site. ### Steps 1. Build the font from your photo with `npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand"`. 2. Add web formats by running `npx draw-your-font make photo.jpg --chars "ABCabc" --name "My Hand" --formats ttf,woff,woff2,css`. (inferred, check the README) 3. Copy the generated @font-face snippet into your site stylesheet. 4. Load a test page and confirm the font renders in the browser. ### Prompt to paste into your agent ```text Use the draw-your-font repo to build a font from with --formats ttf,woff,woff2,css and save the outputs to . Expected output is WOFF, WOFF2, and a CSS @font-face snippet. Verify that the CSS references both the WOFF2 and WOFF files. ``` ### Caveat The README lists web formats and a CSS snippet, but it does not describe how the font is tested across browsers, so check rendering yourself. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/danilo-znamerovszkij-draw-your-font/web-font-css-from-handwriting/