Font Maker

Welcome to Font Maker

Font Maker is a pixel-font editor. You draw glyphs on a 72×96 grid, preview text, tune spacing and per-letter layout, define custom language rules, and export a ZIP with TrueType fonts plus settings files.

Run locally with python serve.py then open http://localhost:8765/.

Included fonts

• English Base — built-in reference font rasterized from DM Sans. Uppercase, lowercase, digits, and special characters. Good for comparison while designing.
• Eldaraure — custom display font in fonts/ (Elvish + Aurebesh inspired). Includes Regular, Italic, Bold, and Bold Italic. Key 0 renders ten; keys 1–9 render one through nine.

Draw tab

Edit one character at a time on the pixel grid. Changes sync to all four style variants (Regular, Italic, Bold, Bold Italic) — you draw once, the engine derives weight and slant for preview and export.

Editor sizing

• The grid auto-fits to fill the editor pane. Use the Zoom slider for manual control.
• Editor resolution (toolbar) changes cell size on the grid — higher px/cell = coarser pixels.
• Italic and Bold Italic preview slant inside the grid — ink is clipped to the grid lines so nothing draws outside the editable area.

Main menu

The home screen is separate from the editor. Choose an existing font, Create blank font for an empty 72×96 template, or upload a .ttf / .otf. Use ← Menu in the toolbar to return without losing your session until you reload the page.

Preview tab

Type sample text and see it rendered with your font. Letter and word spacing sliders affect both the preview and the exported .ttf files.

The Size slider only changes how large the preview is drawn on screen — it does not change glyph design or export size.

Layout tab

Has its own sample text (separate from Preview). Click or drag letters in the preview to select them, then adjust per-letter metrics:

• Letter size (glyph scale) — scales ink in previews and is baked into exported outlines.
• Left / right and Up / down — move the glyph inside its slot; baked into .ttf positions.
• Spacing after (advance adjust) — extra gap after this letter; baked into .ttf advance widths.
• Line ↔ / ↕ — shifts the entire sample line for composition. Saved in font-settings.json only — not baked into individual glyphs.

Language tab

Languages are text transformation rules applied when previewing or when your game loads languages.json. They are not embedded inside the .ttf glyph data.

Rule order (applied in sequence)

1. Transliteration — replace letter patterns (e.g. th → TH). Longest match wins.
2. Syntax — maps standard punctuation to your language’s symbols; custom tokens replace named strings.
3. Character map — remaps individual characters to different glyphs that must exist in your font.

Important

• If a mapped glyph is not drawn in your font, the preview shows a blank for that character.
• To use languages outside Font Maker, load languages.json and apply the same transform before rendering with the TTF.
• Latin is prefilled as a starting template. Add languages with + Add.

Gallery tab

Glyph reference chart for the active style variant. Click a cell to jump to that character in the Draw tab.

Export ZIP contents

What goes into the .ttf files?

Characters in every font

Uppercase A–Z, lowercase a–z, digits 0–9 (where 0 = ten), and special characters:

. , ! ? ; : ' " - ( ) [ ] @ # & * + / =

Toolbar reference

• Regular / Italic / Bold / Bold Italic — preview style while editing. Drawing always edits the base grid shared by all variants.
• Editor — pixel cell size in the Draw tab grid.
• Preview — default resolution preset for Preview and Layout tabs.
• Weight — global stroke weight; affects bold rendering and export.