LOCAL FILES. INSTANT WORKFLOW.

Bitmap Font Atlas Generator

Turn a local TTF or OTF font into a bitmap or SDF PNG atlas with BMFont and JSON metadata.

See what you’ll get ↓

Add a TTF or OTF
Choose size and characters
Download the font package

● Local processing · Files clear on refresh

Start with a local font fileDrag and drop here, or browse your device

Local font files only. Bitmap or distance field glyphs.

Your preview will appear here

Start with a local font file, then follow the settings below.

See an example of the output ↓

Adjust your result

Choose the font size and atlas width, then enter only the characters you need. Use printable ASCII fills in a standard set. Glyph output switches between bitmap and signed distance field.

A useful tip

For a score counter, try 0123456789:+. For text that scales or needs outlines, choose SDF with a spread of 4–8 px. Missing characters may use browser fallback.

Choose a file above, then adjust these settings.

Atlas width (px)Font size (px)CharactersGlyph outputMeasure kerning pairs

Up to 512 distinct characters. Kerning is measured from the browser’s text layout; there is no complex-script shaping. Missing glyphs may use browser fallback.

Next: prepare your files, then download them below.

WHAT YOU’LL GET

Your font, packed for your UI.

Illustrative example

01 / INPUT

Font file + chosen characters

02 / OUTPUT

Glyph atlas + character metrics

Included in your download

Glyph atlas · PNG
BMFont · FNT
Metrics + kerning · JSON
Complete package · ZIP

Keep font.fnt beside font.png when importing. Bitmap is the default; SDF output records its distance range and glyph padding. Kerning pairs are measured in your browser, without complex-script shaping.

Example only. Your actual result appears in the workbench after you prepare it. Download before refreshing; files stay in this tab.