Free font maker in your browser
Type your name, draw its letters with a mouse, finger or pen, and download a real font file. Free, in your browser, and nothing is uploaded.
Drawing on the letter adds strokes. Every copy of it in the sentence updates.
Ação! The quick brown fox jumps over the lazy dog, 1234567890.
Glyphs: pick one to edit
Three ways in
Quick font asks only for the 26 lowercase letters, in a script, block or pixel style, and adds the capitals, numbers, punctuation, accents and spacing for you. For full control there is a freehand brush, a bezier pen tool and guides for x-height, cap height and baseline.
Drop SVG files or paths, or trace a PNG or JPG of your lettering into vectors. Open an existing TTF, OTF, WOFF or WOFF2 font and keep editing it.
Print the template, fill it with a pen and take a phone photo. fontsketch finds the markers, flattens the page, evens the light, splits the cells and traces every letter.
How it works
01Scan
Print the sheet, write one letter in each box and take a photo. The corner markers show how the page was tilted, so fontsketch flattens it, evens out the light, splits the boxes and traces every letter into a glyph you can type with.
My Handmy-hand.woff2
Hello from my hand
02Weight
Draw a Regular and a Bold master with the same points and fontsketch exports a variable font with a real weight axis. Scroll to move the axis from Thin to Black.
03Hinting
Automatic TrueType hinting finds the stems and snaps them to the pixel grid, so a 12 pixel paragraph renders sharp instead of blurry.
no hintinghinted
04Kerning
Kerning pairs and classes pull awkward combinations like AV, To and Wa together, and every accented copy inherits the pair.
05Export
The compiler writes the font binary in your browser: TrueType outlines, CFF outlines, WOFF and Brotli compressed WOFF2, plus a ready @font-face snippet.
Gallery
Every font below was built with the fontsketch engine, from pen strokes, geometric shapes and SVG icons. Type in any tester, then take the files.
Handwriting · 170 glyphs
Ação! Handwriting that types itself.
Pen strokes drawn on the fontsketch stage, expanded with a soft felt pen, accents built from components.
Variable, wght 100 to 900 · 170 glyphs
From Thin to Black
The same strokes expanded with a thin and a heavy pen: two compatible masters, one variable font file.
Geometric display · 45 glyphs
GEOMETRY WITH A COMPASS
Rings, bars and arcs placed with the fontsketch API, with lowercase mapped to the capitals.
Icon font · 16 glyphs
.at-starU+E000Star.at-heartU+E001Heart.at-checkU+E002Check.at-closeU+E003Close.at-plusU+E004Plus.at-arrow-rightU+E005Arrow right.at-downloadU+E006Download.at-searchU+E007Search.at-homeU+E008Home.at-cameraU+E009Camera.at-sunU+E00ASun.at-moonU+E00BMoon.at-pen-nibU+E00CPen nib.at-brushU+E00DBrush.at-letterU+E00ELetter A.at-bookmarkU+E00FBookmarkSixteen icons mapped to the Private Use Area from U+E000, with a CSS class for each one.
Everything in the box
Pressure aware brush strokes become smooth, editable outlines.
Corner and smooth points, handles, snapping and guides.
Paste or drop SVG paths straight into a glyph.
Trace PNG and JPG lettering into vector contours.
Printable A4 and Letter templates with corner markers.
Perspective, lighting and cell detection, all on device.
Pairs and classes, with live preview strings.
Automatic TrueType hinting, manual stems, or none.
Weight axis from compatible masters, one file.
TTF, OTF, WOFF and WOFF2 plus @font-face CSS.
A CLI that turns a folder of SVG icons into a font.
Projects save in your browser and as .fontsketch.json.
For developers
The same engine runs in Node 18+ and in the browser, with zero runtime dependencies for TTF and OTF. Build fonts in CI, generate icon fonts, or parse existing fonts.
# a folder of SVG icons becomes WOFF2, WOFF, TTF, CSS classes and a preview page
npx fontsketch from-svg ./icons --family Icons -o ./dist
# compile a project saved from the editor
npx fontsketch build my-hand.fontsketch.json -o ./fonts --formats woff2,ttfimport { writeFileSync } from 'node:fs';
import { createFont, addGlyph, circleContour, reverseContour, exportFont, cssFontFace } from 'fontsketch';
const font = createFont({ family: 'My Hand', designer: 'Me' });
addGlyph(font, {
name: 'o',
advanceWidth: 520,
contours: [circleContour(260, 250, 230), reverseContour(circleContour(260, 250, 130))],
});
writeFileSync('my-hand.woff2', exportFont(font, { format: 'woff2', hinting: 'auto' }));
console.log(cssFontFace(font, '/fonts/my-hand.woff2'));FAQ
With Quick font in the editor you draw the 26 lowercase letters and fontsketch adds the capitals, numbers, punctuation, accents and spacing, so a usable font takes about five minutes. Capitals start as larger copies of your lowercase until you draw your own.
Yes. Install the TTF or OTF file on your computer and it shows up in Word and other apps. Canva accepts uploaded fonts on plans with Brand Kit. The Download panel in the editor shows the steps for a computer, Word, Canva and websites.
No. Drawing, scanning and exporting all run in your browser. Projects are saved in the browser, and you can download a .fontsketch.json file as a backup.
TTF and OTF to install on a computer, WOFF and WOFF2 for websites, plus a ready @font-face snippet. Fonts with a Regular and a Bold master can also be exported as one variable font.
Yes. Draw the base letters and the marks once and fontsketch builds the accented letters from them, so Portuguese, Spanish, French, German and Polish text works.
You do. fontsketch is MIT licensed and adds no license or watermark to your fonts.
Quick font in the editor asks for the 26 lowercase letters and fills in the rest, so a usable font takes about five minutes.
