Web Typography: The Dos and Don’ts

Web Typography: The Dos and Don’ts

Typography plays a crucial role in the overall design of a website. It is not just about choosing a pretty font, but it involves careful consideration and planning to effectively convey your message to the audience. In this blog post, I will discuss the importance of typography in website design and provide tips on how to effectively use it.

Why Typography is Important

Typography sets the tone and mood of your website. It can make or break the user experience, as it directly impacts the readability and usability of your content. A well-chosen font can attract attention, evoke emotion, and create a visual hierarchy that guides the reader’s eye. Moreover, typography also reflects your brand identity and helps to establish a professional image.

Difference Between Print, Ad, and Website Fonts

It is essential to understand that not all fonts are suitable for every medium. What works well in print may not necessarily be effective on a website. For example, serif fonts are commonly used in traditional print media as they are easier to read in long blocks of text. However, sans-serif fonts are more commonly used for website content as they are cleaner and more legible on digital screens.

Tips for Using Typography on Your Website



Limit the number of fonts

Using too many fonts can create a cluttered and unprofessional look. Stick to a maximum of three different fonts for your website design- one for headings, one for body text, and one for accents or callouts.

Use a standard font for the body text

The best practice is to use a simple, easy-to-read font such as Arial, Helvetica, or Open Sans for the body text. These fonts are widely available and can be easily read on various devices.

Use colours carefully (with intention)

Colours can enhance the visual appeal of your website, but they should be used intentionally. Select a colour palette that complements your brand and consider using limited colours to avoid overwhelming the reader.

An important tip** always make use of white space!

Use sufficient spacing between letters and overall placement

Letter spacing, also known as kerning, plays a vital role in the readability of your content. Make sure there is enough space between letters and lines to avoid a crowded or cramped appearance. Additionally, consider the placement of your text on the page to create balance and hierarchy.



Use illegible fonts (unless it’s for a heading or to bring attention one word)

Fancy and decorative fonts may catch the eye, but they can be difficult to read in large chunks of text. Stick to legible fonts for body text and reserve decorative fonts for headings or short phrases.

Use all caps

While it may seem like a good way to make a statement, using all caps for body text can be hard on the eyes and make your content appear as if you are shouting. Reserve all caps for headings or use them sparingly.

Use bright colours

Bright colours may be attention-grabbing, but they can also be harsh on the eyes and make it challenging to read your content. Stick to muted or complementary colours for a more visually pleasing effect.

Write very long paragraphs

Long blocks of text can be overwhelming and intimidating for readers, especially on a digital screen.

Remember, they need to understand what you are offering and not read a novel. Break up your content into shorter paragraphs for easier reading and comprehension.


Typography is a crucial aspect of website design that can significantly impact the user experience. By following these simple tips, you can effectively use typography to convey your message, reflect your brand identity, and create a visually appealing website.

Remember to keep it simple, legible, and intentional for the best results. Let your typography enhance the overall design of your website and make it a powerful tool for conveying your message to your audience. So, choose wisely!