71

I've always found font selection to be a little bit of a mystery. What factors should be considered when choosing a font? How does one successfully incorporate two fonts into a design?

I realize that some factors will include things like:

  • Legibility
  • Scalability
  • Appropriateness/Mood/Emotion

However, how does one objectively judge legibility or appropriateness? Are there objective principles that can be applied for font selection? If possible, please list resources or examples in your answers. Studies focused on the effectiveness of different fonts would also be extremely useful.

7 Answers 7

46

Smashing Magazine has a really good article on combining typefaces:

  • Try matching a Sans-Serif title type with a Serif body type
  • Avoid similar classifications (don't use 2 slab typefaces or 2 condensed typefaces)
  • Assign distinct roles to each typeface/font
  • Contrast font weights
  • Create a variety of typographic colors
  • Don't mix moods
  • Contrast distinct with neutral (rather than with another distinctive font)
  • Avoid combinations that are too disparate (e.g. narrow & expanded)
  • Keep things simple (try just 2 typefaces)
  • Vary point sizes
23

The main thing I keep in mind when pairing fonts is this: Is the second font saying something different?

The answer will not necessarily determine whether you should or shouldn't pair the fonts, but it's very important. often adding another font to the design adds nothing other than unneeded complexity and busyness. It's also important that the font you're using is different enough to warrant the change. If two fonts look too similar, it risks looking sloppy and adds nothing.

If a font is very grounded in a particular style or period, it will often not be a good idea to pair it with a font from a different recognizable period.. it will be jarring. A more neutral font works better as a counterpoint.

16

Aside from the obvious rules (it must be comfortable to read if it is going to be used for long text, it has to fit with the theme of the rest of the design, etc), there are no hard rules about choosing a font. Picking a font is about choosing something that fits aesthetically with the rest of the design (and other fonts in the design), attracts the reader with its legibility, and, most of all, is comfortable to read. Of course for web fonts, it is also important that a decent number of your readers have the font installed, which limits your choices.

As far as pairing fonts, there are again to absolutely fixed rules. Generally you probably don't want to put Mosh with Times New Roman, but there could always be an exception.

I would recommend reading through I Love Typrography's piece on choosing fonts:

http://ilovetypography.com/2008/04/04/on-choosing-type/

14

Understanding typography is vital to being successful in graphic design. The first step of great typography comes in choosing the right typeface. You can only choose the right typeface if you keep the nature of the content and target audience in mind. Here are five guidelines for picking and using fonts

1. What is the mood you want to convey?

Are you designing a presentation, a website, or a book report? What is the mood you want to convey?

Picking a typeface is not unlike choosing an outfit to wear for the day. Just as with clothing, there is a distinction between typefaces that are expressive and stylish versus those that are useful and appropriate to many situations. Is it fun? Casual? Serious? Fresh? Old-fashioned? Choose a typeface that captures that feeling.

enter image description here

Example: if you are creating a logo for a bank, you will want to select a typeface that creates a sense of security and protection. So a formal and a traditional type face like Adobe pro Garamond will be a better choice.

2. Grouping fonts: The font Family

A quick way of organizing possible typeface choices is to use the most widely used typography categorization: serif or sans serif. They say that serif fonts provide continuity and engagement, and therefore improve readability but sans serif supporters call that a typography myth. Generally serif fonts are more traditional and ‘old style’ while sans serif typefaces are seen as modern and futuristic.

enter image description here

Whether you choose Serif or Sans, there are a plethora of great choices within both categories. To learn more about type classifications, start by looking up commonly used categories like geometric, humanist, old style, modern, transitional and slab serif.

Geometric Sans-Serifs are those type faces that are based on strict geometric forms. The individual letter forms of a Geometric Sans often have strokes that are all the same width and frequently evidence a kind of “less is more” minimalism in their design.

Examples of Geometric/Realist/Grotesk Sans: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.

enter image description here

Humanist

These are sans faces that are derived from handwriting — as clean and modern as some of them may look, they still retain something inescapably human at their root. The letter forms of a Humanist font generally have more detail, less consistency, and frequently involve thinner and thicker stoke weights

Examples of Humanist sans: Gill Sans, Frutiger, Myriad, Optima, Verdana.

enter image description here

Old Style

These typefaces are marked by little contrast between thick and thin, and the curved letter forms tend to tilt to the left (just as calligraphy tilts). Old Style faces at their best are classic, traditional and readable.

Examples of Old Style: Jenson, Bembo, Palatino, and Garamond.

enter image description here

Transitional and modern

The letterforms of transitional and modern are more geometric, sharp and virtuosic than the unassuming faces of the Old Style period. At their best, transitional and modern faces seem strong, stylish and dynamic.

Examples of transitional typefaces: Times New Roman, Baskerville.

enter image description here

Examples of Modern serifs: Bodoni, Didot.

enter image description here

Slab serif

Slab Serif is also called mechanistic, square serif or Egyptian typeface is a type of serif typeface characterized by thick, block-like serifs. Serif terminals may be either blunt and angular (Rockwell), or rounded (Courier).

Examples of Slab Serifs: Clarendon, Rockwell, Courier, Lubalin Graph, Archer.

enter image description here

3. Choosing Serif and Sans serif

The main title of your project could be written in a bold sans-serif font. It might be a good idea to use a serif font with your body copy. You want there to be some contrast to show the difference between the two sections of your project. Combining two or more typefaces can be tricky. The general rule of thumb is to use a neutral serif and san serif combination. It's safe, easy and it works. Set the headline in "Helvetica" and the body copy in "Times New Roman" and you're good to go!

enter image description here

If that's too boring for you, try combining an old typeface with a modern typeface. How about a script with a san serif? If you do this, it's important to pay attention to the contrast between the typefaces you choose. Be sure the contrast between them is great enough to separate them. If the typefaces are too similar, they will look awkward and out of place. Combining "Helvetica" and "Arial", for example, will look more like a careless mistake than a conscious design choice.

4. A Dash of flavor to the design

Display and decorative typefaces should be used sparingly. A little "Shanghai" font goes a long way. It works on this menu in the logo and category headings. Now, imagine an entire menu set in "Shanghai" font makes it difficult to read. Unless you are not concerned about readability, these typefaces aren't a suitable choice for large blocks of text. These fonts applied sparingly to headlines, a display font can add a well-needed dash of flavor to a design, but it can quickly wear out its welcome if used too widely.

enter image description here

These fonts applied sparingly to headlines, a display font can add a well-needed dash of flavor to a design, but it can quickly wear out its welcome if used too widely.

enter image description here

5. Rule Number Five Is ‘There Are No Rules’

There are only conventions; no ironclad rules about how to use type, just as there are no rules about how we should dress in the morning. It’s worth trying everything just to see what happens. Typography is something you learn over time and requires endless trial and error. Eventually, it becomes an easy, natural process. In the meantime, have fun!

enter image description here

In Conclusion

I Hope these five principles have given you some guidelines for selecting, applying, mixing typefaces and whether to mix it at all. In the end, picking typefaces requires a combination of understanding, intuition, and skill demands practice.

Source

0
8

A brilliant article by Heofler Frere Jones: http://www.typography.com/email/2010_03/index_tw.htm

1
  • I understand this may be an old answer but you should explain your link in case of link rot.
    – user9447
    Commented Dec 21, 2016 at 2:30
1

As a complement to what's been posted you could have a look at The Big Book of Font Combination which besides being gorgeous, is an infinite source of inspiration that is good to have around ;)

1

Good reference website for seeing how people have paired fonts. I Font You They also give the name of each fonts in the description. Another good resource is a smartphone app called "WhatTheFont" you can take a picture of a font and it will try to find the correct name of it. It's great for if you see some typography you enjoy or find effective.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.