Typography Presentation


Typography is one of the most important aspects of a functional and well-designed website. DO NOT USE overused, cliché, or decorative fonts to dress up your website. Less is more. Make sure your audience can read the information on your webpage!

Quick Notes

Serif Fonts

Sans Serif Fonts

Decorative and Script Fonts

Rules of Typography

  1. Using proximity in typography helps to show which content belongs together.
  2. Make sure your title is a font that is readable.
  3. It is best to stay within the range of 10-12 pt. for body copy, depending on the font.
  4. Avoid using a modern font for body copy because of the thin serifs.
  5. When using more than one typeface, choose from contrasting categories.
  6. Pay attention to the alignment of text and if it’s consistent throughout your design.
  7. Avoid using the program’s default bullets when designing.
  8. The width of the text columns shouldn’t be too narrow or too long.
  9. Remember to not make your paragraphs be too long.
  10. Adding subtitles in your design helps to organize content.
  11. Stacked vertical text is hard and uncomfortable to read.
  12. It is better to increase tracking of all caps text rather than lowercase lines of text.
  13. Avoid tracking out letters too far.
  14. Pay attention to the leading in between lines of text as well as paragraphs.
  15. Poor paragraph styling can have a negative effect on a good design.


Under NO CIRCUMSTANCES are you to use any of the following fonts for your website.

These fonts are overused, cliché, and will destroy any credibility you have. A good rule of thumb is that if it comes as a default decorative font in Microsoft Word, DO NOT USE IT! There will always be alternatives to these fonts.


Sources for Fonts

Some recommended sources for fonts are:

ALL MATERIAL TAKEN FROM Visual FOCUS http://visualfocus.org/visual-focus-the-five-step-design-process/

Fonts taken from Google Fonts