A Font Study

It's interesting to look back on the fonts that caught my attention over the years. As a kid, I liked fonts Lobster because they weren't boring like regular serifs and san serifs. My typography taste has definitely changed as I delved into design. My current favourites are Georgia and Open Sans, a serif and san serif font usable in all contexts.

My handwriting has slowly changed over the years. For the past few years, I've been really happy with it and have constantly searched for a similar script font online. The ones I found all require purchase, so I set out to learn about typography and make a font from my own handwriting.

There are many aspects to a font. The guidelines in the anatomy of typography are important in making sure that a font looks uniform. In addition to making script fonts, I'll also be able to make serifs and san serifs with this knowledge!

Process

After writing out all the letters and symbols found in a font, I took a photo and turned it to grayscale in Photoshop. I used the Levels module to make the text stand out and made the strokes thicker with Effects > Other > Minimum.

After that, I uploaded the image to Illustrator, used the Image Trace > Line Art function and Expand Shape to separate each symbol. The steps after were done in reference to this video. Each symbol is then placed on a named layer and the file saved as an SVG. This website was used to save each layer into an individual SVG file, and we are now ready to create the font.

Each SVG file is placed into the appropriate unicode glyph field in FontForge, and the bounds of the em square adjusted. Using my research, I adjusted the left and right bearings so that each symbol exceeded the bounds a little, so the letters will be connected. The baseline was also followed loosely so it has a organic, written look.

Anthill Script

Since there was no extra features I included on the font, I exported it as a TrueType font. Here is a look at the opening few sentences from the Bee Movie in Anthill Script.