Free Bitmap Font Generator — Create Game Fonts Online

Input Mode

Choose how to create your font

Font File New

🔤

Drop your font here

TTF, OTF, WOFF, WOFF2 supported

Font loaded

Font Size

32px

Character Set

Style & Layout

Colors, padding, atlas settings

Font Color

Background

Transparent background

Glyph Padding (px)

2px

Glyph Spacing (px)

1px

Atlas Size

Text Outline

Enable outline

Drop shadow

Output Settings

Font Name Used for exported filenames and XML face attribute.

Export Format

Error

FAQ

Which frameworks are supported?

The AngelCode .fnt format is supported natively by PixiJS (BitmapFont.from()), Phaser 3 (scene.load.bitmapFont()), LibGDX, Corona, and many others. Unity requires a third-party BMFont importer.

PixiJS Phaser 3 LibGDX Corona SDK

What is AngelCode .fnt format?

AngelCode BMFont XML describes each character's position in the texture atlas (x, y, width, height), along with metrics like xoffset, yoffset, and xadvance used by renderers to correctly position each glyph.

Does my font file leave my device?

Never. All processing uses the Canvas API and FontFace API directly in your browser. No data is sent to any server. You can disconnect from the internet and the tool still works.

What's the max atlas size?

Up to 4096×4096. If your character set doesn't fit, the tool will warn you. Reduce font size, padding, or character count, or increase atlas size.

Suggested URL path

Recommended: /tools/bitmap-font-generator/

Shorter alternatives: /tools/bmfont/ or /bitmap-font/

🗺️

No atlas generated yet

Configure your font on the left and click Generate to see the texture atlas here.

🔤

Generate a font first

After generation you can type here to preview your bitmap font in action.

📄

No code generated yet

Generate a font to see the AngelCode XML and JSON descriptor here.

📦

Nothing to download yet

Generate your bitmap font first, then download the PNG atlas and XML/JSON descriptor files.

Share Feedback