← Blog

How to Turn Your Handwriting Into a Font (Step-by-Step)

handwriting fonttutorialbeginnersfont creation

How to Turn Your Handwriting Into a Font (Step-by-Step)

Most people assume making a font is something only designers do, after years of training, with expensive software. It isn't. You can turn your handwriting into a real, usable font file in under an hour, with nothing but a browser.

This guide walks you through the full process using FontCraft. No prior experience needed.

What You Need

Before you start, here's the short list:

  • A device with a browser. Any modern browser works: Safari, Chrome, Firefox. FontCraft runs entirely in the browser, no download, no install required.
  • Something to draw with. An iPad with Apple Pencil is the best experience by far. A drawing tablet also works well. A mouse or trackpad will do in a pinch, but your letters will look more mechanical.
  • About 30 to 60 minutes. A basic font covering the core alphabet takes around 30 minutes. If you want numbers, punctuation, and extra characters, budget an hour.

That's genuinely it. Create a free FontCraft account and you can start right now.

Step 1: Create a New Project

When you first open FontCraft, you'll land on your dashboard. Hit New Font and give your project a name. Something descriptive works fine: "Sarah's Handwriting", "Logo Font 2026", whatever helps you find it later.

FontCraft will take you straight to the Draw page.

[SCREENSHOT: FontCraft dashboard showing the New Font floating button and a list of font project cards]

Step 2: Draw Your Letters

The Draw page shows a 4×3 grid of 12 character canvases. Each canvas is for one letter, number, or symbol. You draw directly into each one.

A character carousel runs above the grid. Drag it left or right to scroll through the full character set and choose which 12 appear in the grid at any time. Use Cmd+K (or the search bar) to jump straight to a specific character. A progress counter at the top shows how many characters you've drawn so far.

[SCREENSHOT: FontCraft Draw page showing the 4×3 grid of canvases, the character carousel above the grid, and the left toolbar]

The Drawing Canvas

Click or tap any canvas to draw in it. Guide lines help you place letters correctly:

  • Baseline: the line every letter sits on. Keep your letters resting here consistently.
  • X-height: the height of lowercase letters like a, e, x.
  • Cap height: where uppercase letters reach.
  • Ascender: for tall letters like b, d, h, k.
  • Descender: the lower boundary for letters like g, p, y.

You can toggle individual guide lines on and off from the left toolbar, and enable a guide font to show a faint reference letter behind the canvas for proportion guidance.

[SCREENSHOT: FontCraft drawing canvas with guide lines visible and a letter being drawn]

You don't need to hit these lines perfectly. Natural variation is what makes handwriting fonts feel human. The guide lines are there for reference, not rules.

The Left Toolbar

The left toolbar has everything you need:

  • Pen styles: choose between Biro (thin, consistent ballpoint feel), Felt-tip (medium, slightly soft edges), or Fountain pen (variable-width, pressure-sensitive). Adjust thickness and smoothness to taste.
  • Eraser: erase individual strokes.
  • Undo / Redo: step back or forward through drawing history.
  • Guidelines: toggle individual guide lines.
  • Guide font: show a faint reference letter to draw over.
  • Clear: clears all glyphs on the current page view.

[SCREENSHOT: FontCraft left toolbar showing pen style options with thickness and smoothness sliders]

Tips for Drawing Consistent Letters

Write at a comfortable size. If you draw too small, your letters lose detail. Aim to fill the canvas reasonably well.

Don't try to be perfect. The goal is natural-looking handwriting. Slight unevenness is a feature, not a bug.

Be consistent where it counts. Keep your baseline consistent, your letter height similar, and your stroke weight roughly even across letters. Wildly inconsistent sizing is what makes a font look rough, not natural imperfection.

Draw every lowercase letter first. These appear far more often in normal text than uppercase, so they're worth more care. Then do uppercase, numbers, then common punctuation.

How Many Characters Do You Need?

For personal use, the 26 lowercase and 26 uppercase letters is enough to get started. For practical use across most apps, add:

  • Numbers (0 to 9)
  • Basic punctuation: full stop, comma, exclamation mark, question mark, apostrophe, hyphen

That's around 75 characters total. The free tier covers all of these: letters, numbers, and basic punctuation.

Step 3: Adjust the Spacing

Once you've drawn your letters, go to the Refine page to tune how they sit in text. You'll see five sliders:

  • Space Before: the gap on the left side of each character
  • Space After: the gap on the right side
  • Vertical Alignment: moves the character up or down relative to the baseline
  • Scale: resizes the character (useful if a letter came out much larger or smaller than the rest)
  • Letter Spacing: a global spacing adjustment applied to all characters at once

[SCREENSHOT: FontCraft Refine page showing the five sliders with a live text preview below]

Without any Space Before or Space After, letters crash into each other. Too much, and the text looks loose and gappy. A good starting point is around 50 to 100 units on each side for a standard letter.

Use the preview to check words like "noon", "minimum", and "Hamburg". These test spacing across a variety of letter shapes. If specific pairs still look off, tweak the Space Before or Space After for those individual characters.

Step 4: Build Your Font

Once you're happy with your letters and spacing, hit the Build button. FontCraft compiles your drawings into a real font file. It typically takes 5 to 15 seconds.

When it's done, a large editable preview panel appears. Type anything you like to see your font in action. Try "The quick brown fox jumps over the lazy dog" to cover every letter.

[SCREENSHOT: FontCraft Build page showing the live editable preview with a handwriting font loaded and the font size slider]

If something looks off, go back and adjust. Common things to tweak after a first build: letter heights that are inconsistent, individual characters that look too heavy or too light, spacing that feels crowded or loose. Build again, check again. The loop is fast.

Step 5: Download

When you're happy with the result, click Download font. A modal opens with two sections:

  1. Font metadata: give your font a family name (this is what apps show in the font picker), add your name, a copyright line, and an optional website. These are embedded into the file.
  2. Download buttons: choose your format:
    • TTF: works in Windows, macOS, most design apps, Canva, Word, and PowerPoint. Available on all plans.
    • WOFF2: for using your font on a website. Available on all plans.
    • OTF: professional OpenType format, available on the Pro plan and the Export Pack.

[SCREENSHOT: FontCraft download modal showing the metadata fields and TTF/WOFF2/OTF download buttons]

For most people, TTF is the one you want. Download it and you're ready to install.

Installing Your Font

On macOS: Double-click the TTF file and click "Install Font".

On Windows: Right-click the TTF file and select "Install" or "Install for all users".

On iPad/iPhone: You'll need a font installer app. FontCase and AnyFont are both popular options. Open the TTF in the app, follow the install steps, and your font appears across the device.

What to Do With Your Font

Once installed, your handwriting font works in any app that lets you choose a font.

Canva

Canva supports custom fonts on the Pro plan. Upload your TTF in Brand Kit under Fonts, and it'll appear in the font selector across all your designs.

Procreate

In Procreate, import your font file through the Files app. Go to Add and then Import to bring it into the font library. It'll appear in the text tool.

Microsoft Word and Google Docs

Install the font on your computer and it'll appear in Word and other desktop apps automatically. In Google Docs, use "More fonts" to find and add installed fonts.

Your Website

Use the WOFF2 file. Add it via CSS with @font-face. Your handwriting will appear exactly as you drew it, on any browser.

FAQ

How long does it take to make a font? A basic font covering lowercase and uppercase letters takes most people 30 to 45 minutes. Add numbers and punctuation and you're looking at about an hour. The more care you put in, the more polished the result.

Do I need an iPad? No. FontCraft works in any browser, on any device. But if you have an iPad with Apple Pencil, it's the best experience by far. Pressure sensitivity and natural drawing feel give you letters that look much more like genuine handwriting. See the iPad-specific guide for tips.

Can I sell my font? With a FontCraft Creator or Pro plan, yes. Both include a commercial licence, so you can sell your font on Etsy, Creative Market, or wherever you like. The free plan is for personal use only.

What if my font looks rough after building? Completely normal after a first build. Most fonts need at least one round of refinement. Go back into any canvas to redraw or adjust a character, then rebuild. The whole loop takes under a minute.

Can I edit my font after building? Yes. Your project is saved and you can return to any character at any time. Redraw a letter, adjust spacing, add new characters, then rebuild. Your drawings are never locked in.

Ready to get started? Your handwriting font is about 45 minutes away. Try FontCraft free