Posts by Alec:

Web Fonts

Written on July 14th, 2010 by Alec
Categories: Haiku Monkey Fonts

Slowly, surely,…

I’ve uploaded two kits for @font-face web font embedding, for each of my open source families: Lavoisier and Designation. Thanks to Font Squirrel for their font kit generator!

Now to start thinking about opening up my commercial fonts for web embedding…

The Art of Bold

Written on March 25th, 2010 by Alec
Categories: Tutorials, Typography

The Art of Bold

I remember thinking, way back when, that word processing software was amazing in the way it created bold versions of fonts whenever you typed ctrl-b. So naive. Of course, bold fonts are carefully crafted by font designers, not generated by some sub-par WordPerfect algorithm.

But why should bold fonts be generated by designers and not via an algorithm? Let’s take a look at the “H” from Helvetica:

Helvetica H

The glyph on the left is Helvetica. The glyph in the middle is what happens when you take Helvetica’s “H” and apply FontLab’s bold algorithm to it. The glyph on the right is Helvetica Bold. The two bold glyphs have the same stem widths (the vertical bars). But note the difference between the horizontal crossbars: the genuine bold glyph has a thinner crossbar than the algorithmically generated glyph.

I don’t know the secrets behind FontLab’s bold algorithm, but I think I can venture a guess. The algorithm takes the original glyph and uniformly inflates it, both vertically and horizontally. In the case of a very uniform sans serif like Helvetica, this algorithm generates something different but not vastly different from what the designer of Helvetica Bold produced. But look what happens in the case of a classic serif face like Minion:

Minion E

Applying FontLab’s bold algorithm to Minion’s “E” gives us a drastically different glyph from the genuine Minion Bold “E”. The stem of each glyph is the same width, but Minion Bold’s horizontal bars are much thinner than FontLab’s pseudo-bold ones. I haven’t highlighed it on the graphic, but, obviously, the serifs from Minion Bold are also much skinnier than the psuedo-bold serifs.

We can see the same issue with Minion’s “O”:

Minion O

A uniform inflating of the “O” gives us a very different glyph from Minion Bold’s “O” — Minion Bold features glyphs that have thicker vertical parts than horizontal parts, giving a delicate, interesting appearance missing from the pseudo-bold.

This is not at all a critique of FontLab’s bold algorithm, by the way. The algorithm is just a courtesy that generates a starting point from which font designers can tweak their bold faces. In fact, the uniform inflation of glyphs to make a bold face is a tried and true technique for some fonts. Take the case of the lovely Marydale as an instance:

Marydale A

Marydale’s bold “A” is essentially the same as its uniformly inflated pseudo-bold cousin.

Famous Serifs

I did a bit of numerical analysis on five of everybody’s favorite serif fonts, and came up with the following chart detailing how the stem widths and crossbar heights of “H” grow from regular to bold:

Bold Serif Chart

What does this mean? Well, the main thing to take away from this graphic is that these fonts hold true to the principle of boldness examined above: namely, that a bold glyph should be expanded from its regular cousin in a predominately horizontal fashion. The width of the stems in our “H”s grows significantly larger than the height of the crossbars, as we go from a regular font to a bold one.

Do you love this sort of typographical analysis? Get yourself Karen Cheng’s Designing Type, and check out the iLT article on vertical metrics.

Hunk

Written on March 12th, 2010 by Alec
Categories: Haiku Monkey Fonts

Sometimes you need a big font to get across a big idea. Introducing Hunk:

Hunk

Blues City

Written on February 26th, 2010 by Alec
Categories: Haiku Monkey Fonts

So I saw this awesome neon sign, and it inspired this font.

Blues City

There are hundreds of ligatures in the font, with glyphs joined at the serifs. Really makes a great display font.

m13

Written on February 26th, 2010 by Alec
Categories: Haiku Monkey Fonts

My minor chord series continues with m13:

m13

m11

Written on February 1st, 2010 by Alec
Categories: Haiku Monkey Fonts

I took my recent release, m7, and made it big and blocky. I’m releasing it here for free. Use it, embed it, change it, do whatever you like; just don’t sell it or sell any modifications of it. Let me know if you make something cool with it!

m11 font

Download the m11 family (regular and italic)

m7

Written on January 29th, 2010 by Alec
Categories: Haiku Monkey Fonts

My new slab serif family, m7, is available now at MyFonts.com:

m7

Aerohop Now Totally Free

Written on January 11th, 2010 by Alec
Categories: Haiku Monkey Fonts

Apparently word has gotten out, because over the last week you all are downloading Aerohop from MyFonts.com at a dizzying pace. Well, if you haven’t already picked it up, the whole Aerohop family is now free. Go get it. And let me know if you do something cool with it.

Aerohop at MyFonts.com

Designation: New open source font

Written on December 17th, 2009 by Alec
Categories: Haiku Monkey Fonts

Designation

I’ve just finished version 1.0 of a new, open source font family called Designation. It’s released under the SIL Open Font License, the gist being that you can use the fonts for any purpose, you can modify the fonts however you like (as long as you release the modification under the same license), and you can distribute the fonts (but not sell them).

Designation

The fonts (regular, italic, bold, and bold italic) have a large set of glyphs, including many diacritics, logic/math symbols, and Greek characters.

I’ll be setting up a dedicated page for the fonts soon, to track updates and other news.

Designation

Download the font files (.otf) here.

Download the source files (.vfb) here.

Grundlagen

Written on November 30th, 2009 by Alec
Categories: Haiku Monkey Fonts

Grundlagen