iamcal.com

home | book | software | code | articles | public SVN

4

Creating a Pixel Font from scratch

By Cal Henderson

« Back to Fonts | Part 1 | Part 2 | Fontographer

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?

4 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.

Leave your own comment

Your name: Required
Email address: Optional, will be hidden
URL: Optional
Prove you're human: Enter the answer to 3 + 4