The content on your website contains the messages you want to send out to your clients and the world.  Typography creates a visual hierarchy which helps readers quickly and easily read your web page.  This visual hierarchy can be as simple as varying weights and colours.  Effective use of fonts increases the readability of your text and helps visitors quickly scan your web page.

Readable and Legible

When selecting typefaces, choose fonts that tend to increase readability and legibility.  Readability refers to the way words are laid out on the web page.  This includes the use of blocks of text, columns, and white space.  All elements of readability increase the speed at which visitors can find what they are looking for.  Visitors will quickly leave web sites that are difficult to read.

Legibility refers to the way letters are designed.  Well designed fonts contain easily recognizable letters and form words that are easily readable.

Use Bold Headline Fonts

When choosing typefaces for headlines, display fonts typically provide greater distinguishing features which separate the headline from the body text.  Careful use of colour, bolding, and italics can also vary the look of the headline display.

Serif letters are normally easier to read for printed text than sans-serif letters.  Sans-serif fonts are a good choice for body text.  Also, the sans-serif typefaces work well across different screen sizes and resolutions.

Check Other Websites

Visit other websites and see how easy their content is to read.  Excellent examples of websites using fonts effectively include Apple, Google, and Amazon.

Selecting typefaces that create a visual hierarchy helps visitors easily scan your message content.  Also, ensure you consider readability and legibility when choosing fonts for your web page.  Good typography should be subtle.  A font should not get in the way or hinder reading your text.

Disclaimer: Yes, I know I use the terms font and typeface interchangeably.

Need help with fonts?

Let’s Chat

Share This