Bitmap Font Generator
Render a font into a bitmap glyph atlas plus a JSON map of each glyph’s position and advance, all in your browser. Pick the characters, font, and size, then export. Nothing is uploaded.
How to build a bitmap font atlas
- Under Font options, enter the Characters to include. The default is printable ASCII, and you can add to or replace it with any text.
- Pick a Font family (sans-serif, serif, or monospace), the Font size in pixels, and the glyph Color.
- Set the Columns for the atlas layout and the Padding in pixels around each glyph, then give the output a name.
- Generate the atlas and download the PNG, the JSON map, or both together as a ZIP.
When to use it
Game engines and canvas or WebGL renderers often draw text from a bitmap font rather than a system font. The glyphs are baked into one image and positioned from a coordinate map, which renders identically everywhere and avoids loading a font file at runtime. This produces that pair from characters you type.
Limit the character set to what you actually draw (digits and a few symbols for a score display, say) to keep the atlas small. Padding matters when a renderer samples neighbouring pixels and glyphs bleed into each other; increase it to give each glyph room. Because the atlas uses whichever typeface your system maps to the generic family, generate it on the machine whose fonts you want baked in.
Frequently asked questions
What exactly does this tool produce?
A PNG glyph atlas plus a JSON file listing each glyph’s character, code point, position, size, and advance width. Download them separately or together as a ZIP.
Is anything uploaded?
No. The glyph atlas is rendered with your browser’s fonts and downloaded directly.
Which fonts can I use?
The browser’s generic sans-serif, serif, or monospace font. The exact typeface depends on your system, so the same settings can render slightly differently on another machine.
Can I include characters beyond ASCII, like Korean or symbols?
Yes. Type any characters into the field; duplicates are removed automatically. The default set is printable ASCII.
Does the atlas have a transparent background?
Yes. Only the glyphs are drawn, in the color you pick, so the PNG background stays fully transparent.