UX Process
How to Choose the Right Fonts for Your Design Projects
March 25, 2021
by Maddy Beard

Before you look at a single font

Write down 2 or 3 things you want people to feel or understand about the brand when they interact with the product or website. Depending on the project, you may or may not need to talk to clients or other stakeholders to get clear on this.

As you’re exploring potential typefaces, you’re going to continue asking yourself:

“Does this font make the product feel _____?”

Every typeface has an inherent feeling or mood associated with it. It’s sort of like a silent communicator — the words are telling you something, but the typeface those words are displayed in is also telling you something, just on a more subconscious level.

Like anything else, two people could look at the exact same typeface and have different associations because of past experiences or perspectives, so there are exceptions to the “rules” I’m about to explain, but we can still use them for guidance.


Types of Type

The first differentiation we can make is between serif and sans serif fonts. But there are also other types of fonts that go a bit deeper, including monospace, script, italic, handwritten, and slab serif. Let’s talk briefly about each of these.

Serif

Serif fonts tend to feel more traditional & established since they’ve been used in printed books as well as educational and scientific settings for centuries. They’re also by far the easiest types of fonts to read in small sizes.

Santo Padre ristorante: logo signage on storefront — serif
Matheus Machado on Behance

Sans Serif

Sans serif fonts on the other hand feel more modern and denote newness. So ask yourself, does the project you’re designing lean more towards traditional & well-established, or modern & new?

Signage for Lotus: Slow living outdoors on wall, sans serif font
Danilo Campos on Behance

Monospace

Monospace fonts have a fixed width, making them non-proportional. They were originally used on typewriters and in early computers where graphical capabilities were very limited. Monospace fonts aren’t necessarily difficult to read, but they do force you to read slowly. Some evoke a feeling of retro friendliness, while others feel more hard-edged and direct. So if you’re going for a utilitarian, sturdy character, go with something monospace.

AIGA branding using monospace typography — showing 3 posters
Mother Design on Behance

Script, Italic & Handwritten

Script, handwritten & italic fonts all fall under a similar category in my mind. They feel very personal and trustworthy. Italic fonts are meant to feel more hand-done as they mirror common Italian handwriting of the Renaissance era. These fonts feel elegant, polite, and pleasant.

Image of publication design using italic fonts “Celebrating the graceful beauty of Florentine ornaments”
Maria Chiara Fantini on Behance

Slab Serif

On the opposite end of the spectrum, slab serifs feel severe and masculine. They’re characterized by very straight and rectangular serifs and aren’t super comfortable to read since the shapes don’t flow into each other at all. But sometimes, that’s exactly what a design calls for! They’re commonly seen in conjunction with western settings, factories, steakhouses, and other environments that could be described as harsh or “patriarchal.”

quote in a vintage, western, slab serif font: “an open book is a talking brain. a closed book is a waiting friend. a forgotten book is a soul that forgives.”
OPUSNIGRUM on Behance

There are tons of other ways that typefaces are differentiated. They can be wide vs condensed, thin vs thick weight, low contrast vs high contrast, rounded vs sharp, and have a small vs large x-height.

Let’s talk briefly about each of those and what feelings they convey. But first I want to note that usually, the easiest typefaces to READ are a regular width, regular weight, low contrast, and regular x-height. So when choosing body copy where readers will have to read paragraphs of smaller text, I would NOT recommend going crazy with any of the characteristics I’m about to talk about. Keep it simple for body copy.

However, if you’re choosing a font for headlines or something that warrants some personality, these could be fun to play around with.

Width

When it comes to width, a typeface can be condensed (which means more narrow) or extended (which means wide). Because their height makes them stand out from the crowd, condensed fonts are used to convey short, important words or phrases. Think advertisements and signage. Extended fonts, because of their horizontal, drawn-out nature, tend to make the words feel impressive and memorable. They’re also nice and easy to read from all angles.

showing the word “on” in a condensed vs extended font

Weight

Font weight is an easy one! Even non-designers consciously notice the weight of a typeface they’re reading. Usually, bold fonts denote heaviness and power while light fonts feel more delicate, sensitive, and careful.

Showing the word “this” in light vs bold weight

Contrast

Contrast refers to the difference between the different strokes of a character. Low contrast fonts are simple and neat, while high contrast fonts are more dramatic and rhythmic. High contrast typefaces are often used in theatre and fashion.

showing the word “lovely” with low and high contrast in different typefaces

Corners

Let’s talk about rounded vs sharp corners. Fonts with rounded corners look smooth and soft, so they feel friendlier and are often used when appealing to children. Conversely, typefaces with sharp corners evoke more tension and sometimes even danger or thrills. They’re also more easily noticeable because our eyes are naturally drawn to sharp objects.

showing the word “sunny” with sharp vs round corners in different typefaces

X-Height

X-height refers to the height of the lower case x. Easy enough! Fonts with a large x-height are more homogeneous because they have shorter ascenders and descenders. Therefore they feel more stable, safe, and grounded. On the other hand, fonts with a smaller x-height have longer ascenders and descenders and feel more artistic. They’re usually used in poems, lyrics, and other pieces of writing that are more personal.

showing the word “day” with a small vs large x-height in different typefaces

There are many great fonts that strike a balance between the two polar opposites of each of these characteristics or lean slightly to one side. So don’t feel like you always have to choose between one extreme or the other. I hope this gave you some direction when it comes to choosing effective fonts for your projects!