Docs
Overview
The Typomat engine turns numbers into typefaces. Give it a set of parameters and it draws a whole alphabet, keeps every letter in step, and compiles a real TrueType font.
const ttf = engine.compile({ weight: 118, contrast: 0.92 }, { name: "Acme Display" });What it is
It's procedural, not AI: hand-written drawing code for each letter, driven by 64 parameters. No prompts and no model, so the same numbers always draw the same letters, about 90 ms later.
The same engine runs in the Typomat app for iPhone, iPad and Mac, in its mini Figma plugin, and on this website.
Which way to use it
| Use | When | Start at |
|---|---|---|
| The SDK | Your users turn controls in a browser, or you'd rather run it on your own server. | SDK reference |
| The hosted API | A server of yours renders images, video or PDFs, and you don't want to run WebAssembly. There's a free trial, with no card. | API reference |
| White-label | You want the app's press-and-turn experience, in your design. | How it works |
What you get back
- A font
- A static TrueType file with kerning, about 14 KB, that installs and renders like any other. See what's inside.
- Outlines
- SVG path data with advances and kerning, for drawing letters directly on a canvas or into a design.
- The catalog
- Every parameter with its range and default, so your controls never carry a copy. See them all.
What it doesn't do
Worth knowing before you build on it:
- This build compiles 80 characters: A–Z, a–z, 0–9 and basic punctuation. The engine draws 181, including accented Latin. It has no other scripts.
- It makes static fonts, not variable fonts. Each set of numbers is one font file.
- It makes TrueType (.ttf), not OpenType/CFF, and has no ligatures or alternates.
- It starts from its own letter drawings. It can't reproduce an existing font or take in your lettering.