iamcal.com

15

Creating a Pixel Font from scratch

By Cal Henderson

Part 1 | Part 2 | Fontographer | My Fonts

Fontographer settings

The lovely Mr Matt Gardiner has used this tutorial to create pixel fonts in Fontographer and has kindly supplied some screen grabs for configuring it.

First you'll want to set up your grid correctly in program preferences.

(You only need to edit the things shown in yellow).

With that done, you can configure your font metrics.

As with FCP, you need to make sure that the vectors don't intersect, or flash will show all your glyphs "filled".

And that's it!

Back to the start?

15 people have commented

Tyty
# October 25, 2009 - 3:42 pm PST
HOW DO I MAKE PIXEL FONT FOR FLIPNOTE? CUZ I DONT WANT TO PUT MY HAND WRITING ( it sucks alot) -_-
Cal
# October 25, 2009 - 6:09 pm PST
Flipnote for the Nintendo DS? I don't think you can add your own fonts to it.
Per
# November 30, 2009 - 8:06 am PST
Do you know what limitations there are on the height of fonts?

I need to create a font for writing very tall bar-codes in windows. (Like 5500-6000 high in the metrics tab.) I couldn't find any existing. Is this possible to do?
Cal
# November 30, 2009 - 11:50 am PST
Unless you want a font that's 6000 times high than it is wide, you shouldn't need to have such high metrics - just reduce everything down by some power of two.

Different renders stop working at different huge metrics, so you'd want to test on native windows apps, native mac apps and flash at the least.
sandra
# January 31, 2011 - 2:22 pm PST
I need to have a font created from an alphabet. It is a cursive calligraphic font. I can supply the letters (we can scan each letter and then email it for font construction)
We have 2 to be constructed from scan. They will have to be redrawn from the scan. Do we have them redrawn?
Please let me know
Thanks
Sandra / papergrafix toronto
blob
# April 1, 2011 - 1:35 pm PST
still confused...........wish there was another way withou the stupid program! :(
Voitek
# October 15, 2011 - 6:50 pm PST
Cal,

Great article. I found it really useful when I was converting an old Amiga bitmap font to TTF. There is, however, a small error in your tutorial. In the beggining you write:

"A bit of trial and error reveals that if you use point size 8 at 96 dpi it's the same as point size 6 at 72 dpi (96*6 = 72*8)."

While the formula is correct, the explanation is not. It should read as follows:

"A bit of trial and error reveals that if you use point size 6 at 96 dpi it's the same as point size 8 at 72 dpi (96*6 = 72*8)."

Small thing, but it may confuse people :)
Cal
# October 17, 2011 - 4:13 pm PST
well spotted! i've updated the article
Hannes
# February 2, 2012 - 4:33 am PST
Thanks very much!
My resulting work: <a href="http://ptless.org/sfomi.html">ptless.org/sfomi.html</a>
Cal
# February 27, 2012 - 12:01 am PST
That's awesome!
Eric
# June 23, 2012 - 7:39 am PST
I've been looking for a post like this, thank you for sharing it!
monday
# September 14, 2012 - 1:39 am PST
Hi,
thanks for the article,how many pixels can fit into an A4 paper?
Lucas
# January 23, 2013 - 5:22 am PST
e no linux? como faz?
Lucas
# January 23, 2013 - 5:22 am PST
and the linux ? why?
Lucas
# January 23, 2013 - 5:23 am PST
portuguese.

Leave your own comment

Comments have been disabled