Forums » Help » font bug?

I'm playing with the font generator for the first time.

Is this a known bug?

I generated some fonts from the system fonts built into Windows, ex:

    media/font-courier-new-30.png
    media/font-arial-30.png

The Arial 30 font displays fine but the Courier New 30 font displays with scrambled characters.

For example, the 'It Works!' string from the sample main.js file displays as 'It Wqtmu!'. The uppercase letters seem correct but the lowercase letters are wrong.

Also, Courier New seems to work fine for sizes up to 20. It is 22 and above that I see the problem.

Has anyone heard of this problem before?

Look at these screenshots:

screenshot with Courier New 20

screenshot with Courier New 22


All I did between the two pics is edit main.js to change this line:

    font: new ig.Font( 'media/font-courier-new-20.png' ),

to this:

    font: new ig.Font( 'media/font-courier-new-22.png' ),

Here are the font files created by the font tool: font-courier-new-20.png font-courier-new-22.png

Which Browser did you use to generate these? If you look closely at the font-courier-new-22.png in Photoshop, you can see that some pixels of the bottommost line are not completely transparent as they should be.

Here's a fixed version of the font file: http://www.phoboslab.org/crap/font-courier-new-22.png

Google Chrome. I also tried Firefox and saw similar problems. IE 9 didn't seem to work with the font tool. (List of fonts was empty.)

I generated my font files like this:

1) pick font
2) pick size
3) click generate
4) click save
5) press ctrl-S
6) type a filename in the save dialog and save it
7) click back button to return to the font tool