- Examples, Good & Bad
- Let's look at some type families to see how they pair up, or don't.
Before we can match up any two type families, we need to first decide what our choice will be based on. There are three major criteria, context, visual harmony and functionality.
Context will be our first guide in selecting typefaces. Our choices for a historical novel will look very different from those for a technical manual. This is where knowledge of the historical origins of typefaces is needed. An old style serif typeface may be used for a historical novel, while a humanist sans serif could be our choice for a technical manual.
These two glyphs are from a gothic family and an old style typeface. They’re not from the same era, but they do make a harmonious pair.
For Visual Harmony
Visual harmony is a little harder to define. We know it when we see it and notice when it is lacking. Families with similar proportions and physical characteristics will be more compatible. As an example, two families that have two-storey ‘a’ glyphs, amongst other similarities, may be harmonious together.
Here, we have Caslon and Myriad. Their proportions create a good match.
Our typeface selection needs to work with the content. If our historical novel’s copy requires ligatures, well, we’ll need make sure our typeface includes ligatures. If the technical manual requires fraction glyphs, that will also impact our choice.
These glyphs are part of Formata and Caslon respectively. Both families have extensive glyph complements.
Matching up two typefaces is a bit of a dark art. Some go on instinct and experience. Others are more methodical. Using both of the above is probably advisable. These are all elements (in no particular order) to consider in pairing typefaces:
- glyph style
- glyph width
- ...and more.
What often happens is that you’re given the first family. That way, you only need to find a typeface to pair with it. Let’s say you’re given Lubalin Graph to start with. It’s a geometric slab serif.
Which font are geometric sans-serifs? There’s Futura, for sure. There’s also Avant Guard. That’s the font that Lubalin was based on. We’ve chosen Avant Garde above.
What to Avoid?
When trying to find a match, in this case, opposites attract isn’t really true. This means we want to avoid pairing a really wide font with a really arrow one. The same goes for an ultra-light font and a really bold one – not a good way to go.
Despite the fact that these two glyphs are part of the same family, Acumin, there’s way too much contrast in weight and in width for them to be used together.
A Good Match
In this first case, I was given Mrs Eaves as the typeface for body text. It’s a challenging face to work with, since it has a tiny x-height. This requires that we choose a weight for Franklin that doesn’t over-power Mrs Eaves.
I’d characterize this pairing as a bold or a strong one. Franklin is a powerful typeface. Mrs Eaves is delicate. As you can see at the bottom-right, Franklin Gothic Heavy is just that — too heavy. So what we can learn here is that font pairing is not only about choosing a second face that doesn’t clash. It’s also about creating an effect. In this case, the pairing works, but there’s a clear contrast in effect.
A Poor Match
Again, I was given Mrs Eaves for body text. ITC’s Avant Garde is a poor match.
This is why:
- Their general appearance just clashes.
- Avant Garde is a geometric sans. Mrs Eaves has a calligraphic style. The sans could be termed computer-generated, while the serif is reminiscent of a pen work.
- Avant Garde has a single storey g and a. Mrs Eaves has two storey g and a.
- Avant Garde has a huge x-height. Eaves has a tiny x-height.
That is all. Got it?