Using bitmap fonts (.fon) files with Phaser

[grumpygamer]

Hello,

I have googled this but am a bit unsure.

I found some nice fonts like this one: http://www.dafont.com/pokemon-ruby-sapphi.font?af=on&text=hello+world

but they are .fon files so I tried converting it with some online tools.

Some of them return an error, others change the font completely.

Is there a way to get them to work?

Thanks!

 

[MichaelD]

You can use this tool: http://kvazars.com/littera/

 

Make sure the font you are trying to use is a true type font (ttf) (the one you linked is not... sorry)

 

And then add them in your preload like this: 

this.game.load.bitmapFont('fontName','fonts/fontName.png', 'fonts/fontName.fnt');

// Usagevar text = game.add.bitmapText(0, 0, 'fontName', "my text!", 24); // make sure the text is actually a string!

[grumpygamer]

thanks for the reply.

I know how to use the fonts generated by littera, but you need TTFs to make that work whilst I'm stuck with .fon s

[drhayes]

Might be best to convert the font to a TTF before proceeding. I've never used it, but maybe something like this?

[grumpygamer]

I've tried but the fonts loose all the "pixelness", they kind-of become normal fonts.

[MichaelD]

I assume you have tried this one also? http://fontforge.github.io/en-US/

[grumpygamer]

nope, not yet.

I will give it a go. Thanks

-A