FontCrafter: Turn your handwriting into a real font

FontCrafter: Create Your Handwriting Font for Free FontCrafter: Create Your Handwriting Font for Free × About FontCrafter FontCrafter turns your handwriting into a real, installable font — entirely in your browser. No accounts, no uploads to servers, no cost. Still have questions? Here's our FAQ. How does it work? Drop in a scan of your handwriting. The app detects each character, traces vector outlines, and builds a working OpenType font file you can install anywhere. Everything runs locally — your handwriting never leaves your device. Who is it for? Anyone who wants a personal handwriting font — designers, teachers, content creators, or anyone who thinks their handwriting deserves to be a typeface. More of My Apps Follow Chris Pirillo Learn How to Make Apps Donate to Me Here Support My Patreon × Frequently Asked Questions Is FontCrafter really free? Yes — completely free with no hidden limits. There's no account required, no watermarks, no feature gates, and no premium tier. You get full access to OTF, TTF, WOFF2, and Base64 exports, plus ligature generation. Your font files are yours to keep and use however you want. Do I need to create an account? No. FontCrafter requires zero signup. Open the page, load your scan, build your font, download it. No email, no password, no account whatsoever. Is my handwriting uploaded to a server? No. Everything runs locally in your browser using JavaScript. Your scan never leaves your device — no server processing, no cloud storage, no data collection. This is a fully client-side application. What font formats can I export? FontCrafter exports four formats: OTF (OpenType, best for desktop apps like Word and Photoshop), TTF (TrueType, universal compatibility), WOFF2 (compressed web font for websites), and Base64 (for embedding directly in CSS). All formats are generated locally. Does FontCrafter support ligatures? Yes. FontCrafter can auto-generate ligatures — connected letter pairs like "ff," "fi," "th," and "st" that make your font flow naturally. It also supports contextual alternates, cycling between your handwriting variants for a more organic feel. Many competing tools charge for ligature support. How is this different from Calligraphr? Calligraphr requires an account and processes your handwriting on their servers. Ligatures and advanced features require a paid subscription ($8/month). FontCrafter is 100% free, requires no account, processes everything locally in your browser, and includes ligatures, contextual alternates, and color font effects (drop shadows and ink texture) at no cost. FontCrafter also exports WOFF2 and Base64 formats that Calligraphr doesn't offer. What kind of pen should I use? A dark felt-tip pen (0.5mm or thicker) gives the best results. Ballpoints are often too faint, and thick markers can bleed. Keep your strokes inside the boxes with a little breathing room from the edges. Can I use my font commercially? The font is generated from your own handwriting, so you own it. You can use it for personal projects, commercial work, branding, merchandise — anything. Just make sure the handwriting is yours or you have permission from the person whose handwriting was used. × Under the Hood Everything below happens entirely in your browser. No server, no WebAssembly binary, no hidden dependencies — just JavaScript running on your device. The Processing Pipeline When you drop in a scan, FontCrafter runs a multi-stage image processing pipeline: adaptive thresholding to isolate ink from paper, connected-component blob detection to find individual characters, Suzuki-Abe contour tracing to extract outlines, Ramer-Douglas-Peucker (RDP) simplification to reduce point count, Chaikin corner-cutting for smooth curves, and cubic Bézier fitting to produce clean vector paths. The entire pipeline is tuned for handwriting — pen pressure variation, stroke overlap, and ink bleed are all accounted for. Font Architecture FontCrafter builds fully compliant OpenType fonts from scratch — not a template with swapped glyphs, but real font table construction. The standard font uses CFF (Compact Font Format) outlines with cubic Bézier curves at 1000 UPM (units per em). Metrics are calculated from your actual handwriting: ascender, descender, cap height, and x-height are derived from the scanned characters, not hard-coded values. OpenType Features Your font includes a GSUB (Glyph Substitution) table with two key features. Contextual Alternates (calt): FontCrafter stores up to 3 handwriting variants per character and builds lookup rules that cycle between them as you type, so repeated letters never look identical — the same trick professional handwriting fonts use. Ligatures (liga): Common letter pairs like ff, fi, fl, th, and st are composited from your existing characters with overlap and kerning adjustments, then injected as ligature substitutions. Both features are baked into the font binary — they work in any app with OpenType support (Word, Pages, Photoshop, InDesign, Figma, CSS). Kerning FontCrafter generates kern pairs using a class-based approach. Characters are grouped by shape (round letters like O, C, G share one class; diagonal letters like A, V, W share another), then pair-specific adjustments are applied so combinations like AV, To, and WA sit together naturally. You can choose tight, normal, or loose spacing — each adjusts the kern values proportionally. Composite & Extended Characters The standard font can exceed 500 glyphs, most generated automatically. Accented characters (à, ñ, ü, ø, and 100+ more) are built by compositing your base letters with programmatically positioned diacritical marks. Extended characters — smart quotes, fractions, currency symbols, circled letters, superscripts — are constructed by combining, scaling, flipping, and repositioning your existing strokes. Nothing is pulled from a system font or generic template. Color Fonts (COLR/CPAL) The color font option builds a COLR (Color Outline) table with a CPAL (Color Palette) for multi-layer rendering. Drop shadows use a duplicate glyph layer offset and painted with the shadow color beneath the primary layer. Ink texture uses a noise-based edge erosion algorithm to create an organic, hand-inked look with two color layers. Duo-tone splits each glyph horizontally with a configurable split point. These are real COLRv0 fonts — they render natively in Chrome, Edge, Firefox, Safari, and any app that supports OpenType color fonts. Output Formats OTF (OpenType/CFF): Cubic Bézier outlines, best quality for desktop apps — Word, Photoshop, InDesign, Figma. TTF (TrueType): Quadratic Bézier outlines converted from CFF, maximum compatibility across platforms and older software. WOFF2: Brotli-compressed OTF wrapped in a web font container — typically 30-50% smaller than raw OTF, optimized for CSS @font-face. Base64: The full OTF binary encoded as a base64 data URI, ready to paste directly into a CSS @font-face rule — zero external file dependencies. All four formats are generated client-side using ArrayBuffer construction and binary table assembly. What You Don't Get (Yet) FontCrafter doesn't currently support: variable fonts (OpenType fvar), hinting/instruction programs (TrueType bytecode), right-to-left scripts, CJK character sets, or multi-page template scanning. These may come in future updates. × What's New FontCrafter is actively developed and improved. Have a feature request, found a bug, or just want to say hi? Reach out to [email protected] . March 12, 2026 Overhauled letter spacing — T, V, W and similar letters now tuck properly next to lowercase, eliminating awkward gaps Kerning works across all handwriting variants and ligatures — spacing stays consistent no matter which variant appears New smoothing slider — 5 levels to control how polished your curves look Faint ink rescue — light pen strokes that were being lost are now preserved Fixed cutouts in W, M, and rounded characters at thin stroke points March 9, 2026 Colored paper support — scans on pink, green, or blue-lined paper now process correctly Purple and violet ink no longer gets mistaken for grid lines March 8, 2026 A4 template support for international users Templates now print as crisp vector PDFs instead of blurry PNGs Added FAQ section with structured data for better search visibility March 7, 2026 Auto-generated ligatures — ff, fi, fl, th, st and more for natural handwriting flow Contextual alternates — your font cycles through all 3 handwriting variants so repeated letters never look identical 500+ glyphs per font — accented characters, smart quotes, fractions, and currency symbols auto-generated from your handwriting Color font effects — drop shadows, ink textures, and duo-tone using real OpenType COLR/CPAL tables New controls: descender depth, lowercase scale, optional extended characters March 6, 2026 FontCrafter launched — scan your handwriting, get a real installable font Exports to OTF, TTF, WOFF2, and Base64 — works everywhere No account, no uploads, no cost — runs entirely in your browser ? Turn Your Handwriting Into a Real Font — Free It's easier than you think. Print, write, scan — done. Your handwriting becomes a downloadable & installable font What you make is yours — works on every platform and the web Natural variation — your letters won't look robotic or identical every time Letters connect naturally — ff, th, st flow like real writing Optional drop shadows and ink texture effects baked right into the font 100+ special characters auto-generated — like fractions, accents, and currency No account, no server, 100% private — everything happens in your browser Typography Nerd? See what's under the hood · Updated Mar 12 — see what's changed If you found this useful, I'd appreciate donations & patrons (to keep iterating)! Get notified when I ship new features and tools: START Print the template at 100% scale — or open it on-device. Fill in every box — felt-tip pen on paper, or stylus on screen. One character per row, three times each. Drop the file below — scan, photograph, or save your digital version. Keep strokes inside the boxes with breathing room. Your natural variation across rows is what makes the font look real. For lowercase: Row 1 uppercase, Row 2 lowercase, Row 3 your choice. If scanning: flat on a table, even lighting, no wrinkles or shadows. Download Template (US Letter) Download Template (A4) LOAD Drop your completed scan below. JPG, PNG, PDF, or high-res photo. Everything is processed on your device. Nothing is uploaded or stored. Drop your filled-in scan here , or click to browse Not happy with a character? Touch it up in any image editor, or use correction tape and re-scan. Make Sure All Four Corner Marks Are Visible, Then Continue → 2 Verify Processing your handwriting… INSPECT Green = good. Click any character to swap it for a different version from your scan. Small imperfections are fine — they give your font personality. Row 1 Row 2 Row 3 Scan Complete Continue with All Characters → 3 Customize GENERAL Name your font and choose how your three rows should be used. Enable letter connections for natural-looking handwriting flow. What do you want to call this font? Your name (optional — embedded in font metadata) What did you put in each row? Row 1 Uppercase Lowercase Row 2 Uppercase Lowercase Blank Row 3 Uppercase Lowercase Blank Row 2 will be used as your lowercase. Adjust how much to shrink it — set to 1.00 if you already wrote Row 2 smaller than Row 1. Lowercase size 1.00 Let letters hang below the line For letters like g, j, p, q, and y that naturally dip below the baseline. Which letters hang below the line? Separate with spaces. Add or remove characters as needed for your handwriting. Lowercase depth -200 For lowercase descenders like g, j, p, q, y. Slide left for deeper tails. Uppercase depth -100 For uppercase descenders like G, Q, J. Usually shallower than lowercase. Clean up stray ink marks Removes tiny specks that bled through from adjacent boxes. Won't affect dots on i, j, or punctuation. Even out letter sizes If some letters came out taller or shorter than others, this fixes it. Outline smoothing Medium Faithful Smoother Controls how much the outlines are smoothed. Lower keeps your natural wobble, higher produces cleaner curves. CONNECTIONS (Ligatures) Common letter pairs like ff , fi , th , and st will connect so your font flows naturally. Turn this off if you want each letter separate. No letter connections Auto-connect letter pairs (recommended) Letter pairs to connect: Comma-separated pairs. Lowercase and uppercase versions included — remove any you don't need. SPACING (Kerning) Adjusts the space between certain letter pairs so they look right. AV, To, and WA are common ones. Adjust letter spacing automatically (recommended) Tight Normal Loose OUTPUT Pick one. You can always come back and build the other. Standard font — up to 500+ characters, including extended and accented letters Single color font — up to 500+ characters with your pen color baked in Color font — up to 350+ characters with built-in color effects (processing takes longer) Pick a color — it will be baked directly into the font file. Font color #cc0000 The options below are built automatically from your handwritten characters. Most extended characters (smart quotes, fractions, currency, circled letters, etc.) Most accented characters for European languages (à , ñ, ü, ø, etc.) The options below are built automatically from your handwritten characters. Nothing extra to draw — FontCrafter creates them by combining, flipping, and resizing the letters you already wrote. Most extended characters (smart quotes, fractions, currency, circled letters, etc.) Most accented characters for European languages (à , ñ, ü, ø, etc.) Drop shadow Ink texture Duo-tone split Rainbow gradient Flag stripes Labelmaker Color fade Letter color #1a1a1a Shadow color #ff9100 Stroke color #1a1a1a Edge color #999999 Texture spread 5% Subtle Heavy Top color #1a1a1a Bottom color #cc3333 Split position 50% Lower Higher Split angle 0° Horizontal Full rotation Gradient angle 0° Horizontal Full rotation Stripe colors + Add − Remove Stripe angle 0° Horizontal Full rotation Tape color #2a2722 Letter color #f6f1e9 Start color #ff2266 End color #2244ff Fade angle 0° Horizontal Full rotation Create and Download Your Font → Building your font… 4 Download Font PREVIEW See how your font looks with sample text, or type anything you like below. Without Ligatures With Ligatures Uppercase THE QUICK BROWN FOX JUMPS OVER A LAZY DOG. Lowercase sphinx of black quartz, judge my vow? Mixed Case Both Fickle Dwarves Can Jinx My Pig Quiz! • $11.38 + tax & a 5.69% tip = more than $20.74 • (I love Star Wars) [Yes] {Maybe} • That’s what I said! “Really?” • arcade.pirillo.com * chris.pirillo.com • He scored 7/8 on the quiz — not bad~ • Order #4053: 2x @$16.99 each | Total: $33.98 • Is it _really_ 100^2 = 10,000‽ • "Yes," she said, 'it's a go;' then walked away. Your font includes contextual alternates (calt) — consecutive characters will automatically cycle between your 3 handwriting variants. This works in apps with OpenType support but may not appear in this preview. Try Your Font Click here to try it for yourself... If you found this useful, I'd appreciate donations & patrons (to keep iterating)! DOWNLOAD OTF for desktop apps, TTF for universal compatibility, WOFF2 for websites, Base64 for CSS embedding. I confirm that the handwriting / content used to generate this font is my own or I have explicit permission from the owner to create and use it. I understand that I am solely responsible for how I use the generated font and I release FontCrafter, Chris Pirillo, and LockerGnome from any liability related to the font's creation, distribution, or use. You also confirm that no signatures were used in your template for generating this file. .OTF OpenType — best for desktop ↓ Download .TTF TrueType — universal ↓ Download .WOFF2 Web font — smallest file ↓ Download Base64 CSS @font-face embed ↓ Copy Get notified when I ship new features and tools: Start Over Support Patreon