skills.rest
NousResearch
NousResearchOFFICIAL
Explore all skills by this author →
Website𝕏@nousresearchGitHub

draw-your-font

Convert handwriting photos into installable TTF font files.

239k|48.8k|Updated Jul 22, 2025
Search Tags:#creative#handwriting#image segmentation#ttf#Typography#font generation#woff
One-click install
npx skills add https://github.com/NousResearch/hermes-agent --skill draw-your-font
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: draw-your-font
Source: https://github.com/NousResearch/hermes-agent/tree/main/optional-skills/creative/draw-your-font
Command: npx skills add https://github.com/NousResearch/hermes-agent --skill draw-your-font

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires draw-your-font, and includes references (resource) components.

What problem does it solve?

Creating a personal font from your own handwriting traditionally requires specialized typography software and manual vector tracing of every glyph. This Skill automates the geometry, metrics, and font assembly so you only need to provide a photograph of handwritten letters.

Core Features & Use Cases

  • Template Generation: Print a guided character sheet (minimal or Spanish charset) to ensure consistent letter capture.
  • Photo Segmentation: Detect and isolate individual handwritten glyphs from photos, handling freeform or template-based input.
  • Font Assembly: Trace glyphs, compute metrics, and produce a TTF file (plus optional WOFF/WOFF2/CSS) ready for installation.
  • Use Case: A designer wants to use their own handwriting in branding materials. They photograph a filled template, the Skill segments the letters, and outputs a TTF font they can install on macOS or Windows for use in any application.

Quick Start

Use the draw-your-font skill to segment my handwriting photo at /tmp/handwriting.jpg, label the detected letters, and build an installable TTF font named after me.

Frequently Asked Questions about draw-your-font

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn handwriting into a font file?▼

Photograph handwritten letters on a printed template or freeform page, then run the segment command to detect individual glyphs. Label each detected blob with its corresponding character in a JSON file, and run build to generate the TTF output.

What tools convert handwriting photos to TTF fonts?▼

The draw-your-font npm package handles segmentation, vector tracing, and font assembly from handwriting images. It runs locally via npx without requiring a global install, keeping your handwriting data on your machine.

Can I generate WOFF and WOFF2 web fonts from handwriting?▼

Yes, pass the --formats flag with ttf,woff,woff2,css to the build command. This produces web-ready font files alongside the standard TTF output for use in browsers and web applications.

Why does segmentation detect too many or too few blobs?▼

Adjust the --delta threshold to control ink sensitivity: lower values catch fainter strokes but increase noise, while higher values filter out shadows. For template guides appearing as blobs, lower --cap to erase grey grid lines.

What pen works best for handwriting font capture?▼

Use a dark pen with a 0.5mm or thicker tip for reliable segmentation. Faint ballpoint or pencil strokes may break into fragments or disappear entirely, requiring a re-shoot with darker ink.

Related Skills

Explore More Design & Creative Skills→
mmdonohuemmdonohue
1

threejs-lighting

Configure multiple light types, shadows, and IBL in Three.js.

Community
Intermediate
RosyGameStudioRosyGameStudio

ui-lesson

Generate educational content for building immediate-mode UI systems with TTF font parsing and glyph rasterization.

Official
Intermediate
AeyeOpsAeyeOps

qbo-audit

Extract and map QuickBooks Online financial data to Form 1120 schedules.

Official
Advanced
JNZaderJNZader

maplibre-tile-sources

Configure MapLibre GL JS data sources, glyphs, and sprites for web maps.

Community
Intermediate