The Role of Fonts and Colors in Web Design

When designing a website the architect must be aware that fonts and colors are imperative to the success of that website. Font, typeface, and color will portray many different things to the viewer, and can set the tone for the website, and can cause the viewer to subconsciously accept or reject the content of the website. Below is a brief description of both and how they are important.


The fonts that are used in a website are important and must be complimentary to the content of that website. The proper font can mean the difference between success and failure. There are many different types of fonts. Two main categories of fonts are Serif and Sans-Serif fonts. Generally speaking, serif fonts are associated with being traditional, a high level of respect, reliability and authority. These types of fonts are used in large corporations, universities, and financial institutions. Sans-serif fonts are considered to be modern, clean, universal, and objective. When creating paragraph content for the web, sans-serif fonts work better. When creating content for print, serif fonts work better.

Some examples of Serif fonts include:

  • Times New Roman
  • Baskerville Old Face
  • Bodoni MT
  • Bookman Old Style
Some exmaples of Sans-Serif fonts include:

  • Arial
  • Calibri
  • Century Gothic
  • Franklin Gothic

Next we will look at the role of colors in web design.

NEXT: Colors