Pixel Bitmap Fonts (PNG + XML)
A downloadable Fonts
I was unable to find any bitmap fonts I could use with PhaserJS, so I compiled a few basic ones.
There are multiple fonts, each with a PNG and corresponding XML file.
The letter-spacing has been adjusted for variable widths.
These are CC0 / Public Domain. Enjoy!
Round 6x6
Square 6x6
Minogram 6x10
(Based on Monogram)
Thick 8x8
Partially based on the Commodore 64 font.
Example Usage in PhaserJS
NOTE: The base font size is 10. Keep your font size in increments of 10, or the output will look garbled.
Load it:
preload() { let file = 'minogram_6x10'; this.load.bitmapFont('pixelfont', 'fonts/' + file + '.png', 'fonts/' + file + '.xml'); }
Then use it:
create() { this.add.bitmapText(20, 20, 'pixelfont', "Hello World!", 10); }
Want Monospace?
Replace all of the xadvance parameters in the XML to the width of the font.
xadvance="8"
Status | Released |
Category | Assets |
Rating | Rated 5.0 out of 5 stars (1 total ratings) |
Author | frostyfreeze |
Tags | bitmap, Fonts, phaser |
Mentions | A Post-Jam Update and Postmortem |
Download
Download
pixel_fonts.zip 13 kB
Comments
Log in with itch.io to leave a comment.
Absolutely incredible resource. All the files are padded evenly, the fonts are very nice, and I had no trouble working with these at all. Thank you :)
Can't get these to work in Godot. Do you have access to alternative source files for them?