How to Choose A Typeface Wisely (2024)

Recently, the typeface of Samsung Galaxy Note 7’s logo really caught my attention. Its lower case letter “a” is so similar to its lower case letter “o” that it reminds me of the typefaces Futura and Century Gothic which people sometimes mistakenly use for body text.

How to Choose A Typeface Wisely (2)

Typography plays such an important role in visual design that having a good understanding of it can really set your design apart from the crowd. Today I would like to share some insights on choosing appropriate typefaces.

When it comes to choosing typefaces, there are two criteria I focus on.

1. The “personality” of the typeface

What I am referring to here is the shape or the design of the letters themselves. For body text, the forms of letters should not be too extreme or exaggerated. Because body text usually occupies a large proportion of the page or the screen, if the letter shapes are too eccentric or have too much “personality”, the eyes will be drawn to the letter themselves instead of the content, and it will negatively affect the reader’s flow.

How to Choose A Typeface Wisely (3)

In the article “What’s the right typeface for text?” in “Before & After”, John McWade mentioned his criterion on choosing a typeface for text: Medium, which includes medium x-height, medium contrast of stroke width, medium height-to-width ratio etc.

How to Choose A Typeface Wisely (4)
How to Choose A Typeface Wisely (5)

If you already have some knowledge about typography, these concepts can identify the right typeface for you in a more precise way. However, even if you are not familiar with these terms, you can still choose an typeface wisely by asking yourself, “Does this typeface look clean, humble and straightforward enough that I can use it on a whole page of text without overwhelming the reader?”

These rules can be broken when it comes to heading and logo. In these situations, readers usually do not need to read a large block of text. Instead, they focus on a few phrases or even a few letters. This is the time when the “personality” of the typeface should really shine, drawing the viewer’s attention and bringing the context, the mood, the atmosphere, or even the brand to life. That’s why in a well-designed logo, you won’t see a “medium” typeface being used very often. However, if the heading is long, it is still better not to use a typeface that’s too eccentric to ensure a smooth reading experience for the reader.

If the body text is set to a small size in your document, choose a typeface that has a slightly larger x-height so that the letters themselves will be more legible. However, the x-height should still be within the medium range so as not to compromise readability. (Larger x-height implies shorter ascenders and descenders, and ascenders and descenders can help distinguish letters from one another and create contours for words.)

How to Choose A Typeface Wisely (6)

2. The level of difference between the letter forms of the typeface

The more different each letter is, the easier it is for the brain to tell them apart. This is important because these differences can help the reader recognize words faster in a paragraph. However, the level of difference should not be too extreme, otherwise, the first rule we just mentioned here will be broken and readability will be reduced.

The reason why using Futura or Century Gothic for body text is not a good choice is because the letters “a” and “o” have a very similar circular shape. The tail of the letter “a” in Futura and Century Gothic is so subtle that it is hard to distinguish it from the letter “o”. Both “a” and “o” are frequently used letters. It makes the readers more difficult to read the paragraphs if they are set in Futura or Century Gothic.

How to Choose A Typeface Wisely (7)
How to Choose A Typeface Wisely (8)

According to this principle, is it a good choice to use Futura or Century Gothic on transport signage, like the one shown below?

How to Choose A Typeface Wisely (9)

The answer is no, because we don’t want the drivers to spend time recognizing each individual letters. We want them to focus on driving to avoid accidents. We need to choose a typeface that can enable them to quickly read the signage.

Take a look at the typeface “Transport” designed for road signs in the UK. Do the letters “a” and “o” look similar to each other? How do you feel when looking at it compared to Futura or Century Gothic?

How to Choose A Typeface Wisely (10)
How to Choose A Typeface Wisely (11)
How to Choose A Typeface Wisely (12)
How to Choose A Typeface Wisely (13)

Once again, this rule can be relaxed when it comes to heading and logo for the same reason mentioned before. So if you want to use Futura or Century Gothic, use them wisely. Refrain from using them in large blocks of text and let them shine in heading and logo.

When it comes to body text, like John McWade said, choose a typeface that’s “medium”. For headings, a little personality can draw the reader’s eyes and help locating content. However, too much personality will still interfere with the reader’s flow if the heading is long. For logos, because the font size is usually big and there are usually at most a few words in it, show off your brand’s uniqueness by choosing a typeface that has “personality”, it can really draw the viewer’s eyes and doesn’t really hurt the flow.

You can also find this article at: http://www.simon-li.com/design-and-code/choose-a-typeface-wisely/

Follow Me on Twitter

Do you like this article? What are your struggles related to typography? Answer this short survey and let me know. It will help me create the best content related to typography for you.

How to Choose A Typeface Wisely (2024)

FAQs

How to Choose A Typeface Wisely? ›

For Readability, Choose Sans-Serif Fonts

They may be pretty, but each of those little extras adds a nanosecond to the brain's processing speed, so if you want your audience to be able to take in a lot of information quickly, stick to sans-serif fonts like Helvetica, Chivo or Josephine Sans.

How do I choose a font wisely? ›

For Readability, Choose Sans-Serif Fonts

They may be pretty, but each of those little extras adds a nanosecond to the brain's processing speed, so if you want your audience to be able to take in a lot of information quickly, stick to sans-serif fonts like Helvetica, Chivo or Josephine Sans.

What are the 4 factors to consider when choosing fonts? ›

Once the scope of the project has been defined, the other considerations—such as mood, versatility, message, and brand—can guide designers toward the best font choices.

What is the simple rule for choosing different fonts? ›

A great rule of thumb is to use three different fonts or font weights. This lets you have one font or weight for headers, one for body text, and one for the occasional accent text. There are many fonts available to us nowadays, including many free fonts on sites like Google Fonts or Font Squirrel.

What is the criterion for selecting fonts? ›

Consequently, the main criterion when choosing text typefaces is readability. Text fonts must be simple and clean, without decorative elements, with neutral proportions, and medium glyph width and line weight. Here, you can learn more about how to choose fonts for reading and what qualities they should possess.

What is most important when selecting a font? ›

Readability: Ensure the font is clear and easy to read. Font Size: Select an appropriate size for different devices. Typeface and Style: Choose a typeface that matches the application's theme and audience. Font Weight: Use different weights to create visual contrast.

What are the 4 rules of typography? ›

Use bold or italic as little as possible, and not together. Never underline, except perhaps for web links. All caps are fine for less than one line of text. Use centered text sparingly.

What is the difference between a typeface and a font? ›

While a typeface describes a particular style of lettering, a font refers to variations of a typeface, like its size and weight. The simplest way to understand this difference is that a typeface is a set of fonts with common aesthetic qualities. Let's break this down even further.

What is an ideal number of fonts to use? ›

A website should keep the number of fonts to a minimum—no more than three in total. When a site has too many fonts, the user can become disoriented with so many shifts in the visual design. The chosen typefaces should have a variety of weights and styles that can be used strategically in the UI design.

What is the two font rule? ›

There is a typographic rule of thumb for combining fonts from unrelated families: The more dissimilar the type designs, the better the mix. The rule, however, carries a caveat: one typeface should take the lead, and the other should be a supporting player. Two highly distinctive designs rarely combine well.

What is the rule of three font? ›

In general, you should only use a maximum of three fonts per design: the title, the subhead, and the body of the text. You get an exception if your design text is long.

What is important to remember when choosing more than one font? ›

It's important to choose fonts that work well together. There's no definitive way to mix and match fonts. It's often about trying different combos until you find one that looks good. One tip for ensuring your fonts balance each other out is to pick a thicker font for headings and a sleek, simple font for body text.

How do I know what font I need? ›

Yes, WhatTheFont is a simple and easy font finder that can help you identify fonts. Just upload an image of the font you need identified, and the tool will do the job for you. WhatTheFont works by searching through its database and comparing its fonts to the one in your image.

What makes a font readable? ›

What Makes a Typeface Readable and Accessible? Ample letter spacing, open letters and humanist features (like width variation) are important characteristics to consider when choosing a typeface that is readable and accessible for user interface design, according to a survey by the Readability Group.

How do I know what font is correct? ›

If the font you want to identify is in printed material like a magazine, you can find the name with a scanned image. Once you have a digital image, you can upload the image to a website like WhatTheFont. WhatTheFont 'reads' the font in your image and compares it to thousands it holds in its database.

How do I choose a complementing font? ›

In general, fonts pair well together when there's a significant amount of contrast between them. Here, font weight (i.e., thickness or thinness of letters) is the point of contrast. Stout, chunky fonts often work well with tall, skinny ones.

What font should you always use? ›

Experts recommend a mix of Serif and non-Serif fonts. For the headings, non-serif fonts like Arial and Helvetic are recommended and for the body, Serif fonts like Roman, Georgia, and New Times Roman can be used. For words or sections that need to be emphasized, italics will help make them stand out.

Top Articles
Latest Posts
Article information

Author: Patricia Veum II

Last Updated:

Views: 5826

Rating: 4.3 / 5 (44 voted)

Reviews: 91% of readers found this page helpful

Author information

Name: Patricia Veum II

Birthday: 1994-12-16

Address: 2064 Little Summit, Goldieton, MS 97651-0862

Phone: +6873952696715

Job: Principal Officer

Hobby: Rafting, Cabaret, Candle making, Jigsaw puzzles, Inline skating, Magic, Graffiti

Introduction: My name is Patricia Veum II, I am a vast, combative, smiling, famous, inexpensive, zealous, sparkling person who loves writing and wants to share my knowledge and understanding with you.