Simple Steps To Select The Right Font For Your Design

This article will break down the process of selecting the proper font for your design into 5 straightforward steps. I wrote this for web designers, however others can gain from reading it as well. Let’s get started.


First rule, do not overthink it. You may not need to comply with the enormous crowd of Helvetica users. And, you someway ask your self, why Helvetica?

Well, let me inform you…

Cause it’s just so damn good! It fits right in with every design imaginable, it works well in small, as well as big sizes.

But, for many who have a robust distaste for Helvetica, here’s a easy process I follow when choosing a type for the body content material of my website. First, you pick a font, paid or free fonts, that you like. Then, scale the font measurement down to around 10pt. If, you’ll be able to still read the text without any squinting, congratulate yourself. You’ve got chosen well, my friend.


As a basic rule, the font dimension in your content material needs to be 12pt. Some sites even use 14pt for higher readability.

The title will typically have a larger font size. However, there is no hard and quick rule in visible hierarchy. It is all relative. You should utilize colour to tell apart the most important title. Or, you might just select a totally totally different font to your titles to give them more which means, instead. The selection is yours.


Leading is the house between each lines of text. Bad leading can make an amazing piece of copy looks boring and hard to swallow. While, good leading can make a good bad copy looks readable. As a normal rule, the standard CSS line-height for a block of textual content is 1.5 instances the font size.

Tracking refers back to the space between every characters in a block of textual content to affect its density and texture. The reader will perceive the text in a different way relying on the amount of spacing. Tight tracking, or negative letter-spacing, not only reduce the legibility and readability of text. It may additionally set off cultural association of a more subjective typographic voice – the equivalent of a quick-talking automotive salesman. Conversely, the increase of letter-spacing in text (to an extent) will increase legibility, and the cultural association is of a more goal voice.


I’m not talking about color scheme here. Instead, this is about selecting the color combination for better readability.

The widespread mix is black textual content against white background and white textual content in opposition to black background. But, you can mix and match any shade as long as the content is readable.


More often than not, it isn’t enough to use just 1 font in your content. You may need need to use serif font for your title and sans-serif font for your content material text. Or vice versa. There is not any absolute rule in choosing this mix. But, you’ll be able to based your choice upon a number of greatest practices.

First, combine a sans serif with a serif. It’s a classic mixture and nearly unimaginable to get wrong.

Second, contrast font weights. Keep away from muddy typographic hierarchy by distinguishing elements within the hierarchy from one another.

Third, do not combine moods. Every typeface have its own personality. And, mixing the temper of typefaces can draw consideration to the typography instead of the message, which leads to a poor design.

Finally, create a typographic texture variation. Play with font weight, dimension, stroke width, leading, kerning, and a number of other other factors. One straightforward way to see typographic texture is to squint at a layout till you’ll be able to’t read it anymore, but can nonetheless see the text in terms of its total tonal value.

Leave a Reply

Your email address will not be published.