Bitmap To Font Converter
Drop in a PNG with your glyphs laid out in a grid, set the number of columns and rows, type the characters in order - and download a working OTF or TTF font.

1. Runs entirely in your browser, no upload
2. Live preview rendered with the actual generated font
3. Monospace or proportional spacing, baseline and threshold control
4. Color font mode - bakes AA and colors into the TTF
5. Try it instantly with the built-in example sheet
Note: some features may behave differently depending on your browser - color fonts in particular are rendered by Chrome, Godot and macOS, while e.g. Firefox shows the plain outline fallback. The generated files always contain the full data.

| Updated | 4 hours ago |
| Published | 1 day ago |
| Status | Released |
| Category | Tool |
| Platforms | HTML5 |
| Release date | 1 day ago |
| Rating | Rated 5.0 out of 5 stars (1 total ratings) |
| Author | ꜱᴛᴍɴ |
| Tags | 2D, bitmap, construct-3, Fonts, Game Design, gamedev, Godot, Graphical User Interface (GUI), Text based, Unity |
| Average session | A few seconds |
| Languages | English |
| Inputs | Keyboard, Mouse |
| Links | Font To Bitmap Converter |
| Content | No generative AI was used |

Comments
Log in with itch.io to leave a comment.
This is amazing. I searched for like an hour for something that does this
Thanks! Please leave a rating - it helps others find this tool!
Done! Is it possible to make this tool create a color TTF so I can bake anti-aliasing into the font?
I've added a "Color font" option - not 100% sure it's exactly what you had in mind, so let me know. It embeds original antialiased pixels into the TTF (CBDT + sbix tables), with regular outlines as a fallback. Note that support depends on the renderer/browser - Chrome, Godot and macOS show color glyphs, Firefox and Unity TMP will show the plain outline fallback.
Wow that was so fast! Thank you. That's exactly what I was looking for
I'm having two little issues: 1) How do you name the font? It seems like the font name was taken from the Characters area and it's named !123456 etc. Also, the font works normally in most applications but in Affinity it looks crazy but the black and white fonts looked normal. Any idea what's up?