Design Tips: Typography

Posted in Design

Sure, graphics, colours and images are important when it comes to designing, but choosing the right font to go with it can really make a statement. A few years ago, web designers were restricted to a couple of ‘web safe’ fonts, but these days there are loads of web fonts to choose from, creating endless possibilities. It should be noted that not all fonts work well on websites, though.

Tips on choosing fonts:

  • It is important to take your time when choosing a font, otherwise your design will look rushed and unpolished.
  • Use a clear, readable font that is appropriate for your content.
  • Although there are many options available, don’t overdo it. A combination of two web-safe fonts is sufficient. Sometimes less is more.

Fonts can be divided into two main categories: ‘Serif fonts’ and ‘Sans Serif fonts’.

Serif Fonts

  • Serif fonts have a small line attached to the end of a stroke in a letter or symbol.
  • These fonts are very effective as headings.
  • They create an ‘old’ style.
  • Studies have suggested that Serif fonts are easier to read in printed media.

Sans Serif Fonts

  • Sans Serif fonts do not have the same lines as Serif fonts (‘Sans’ is the French word for ‘without’).
  • These fonts are simple and clean.
  • They are easy to read.
  • Sans Serif fonts work well in smaller font sizes too.

At the end of the day, it comes down to personal preference. Here is a nifty little infographic from the guys at UrbanFonts about the battle between Serif and Sans Serif fonts.

The designers of these websites got it right:

Flint Boutique


Caava Design


Knuckles Industries


McDonalds My Burger


Why you love Christmas


Brancott Estate Pioneers


Hugo Mingoia — UX & UI Designer


Vintage Hope


Revelation Concept


Go Nocturnal


Crop The Block