Skip to main content

Fonts Part 1: Keeping it in the Family

By Alicia Sanchez – March 18, 2010
OfflineAlicia Sanchez

These blogs are meant to help you build and enhance your community’s appearance as well as its public perception using design as your tool.

Fonts and Font Families

Before you get concerned about imagery and colour for your site, stop and think about fonts.

The content on your site is the main reason people are visiting. Shouldn't all your effort compiling research and writing page after page (then chopping them down because their too wordy) look as though you spent the same amount of time working on how they look so that visitors will actually want to read them?

A page that doesn't look easy to read isn't.

Font:

A font is a complete set of characters in a particular style and typically consists of a full letter set, number set and all other special characters you get by pressing the shift, control or option keys. Examples of fonts include "Arial", "Tahoma" etc.

Tahoma Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890  !@#$%^&*()?

Font Family:

A font family is a complete set of styles within a font. An example of a font family is:

Tahoma Regular, Tahoma Bold, Tahoma Italics, Tahoma Bold Italics  etc…


When using fonts it's easy to get carried away with using 4, 5 sometimes 6 different fonts - you want to emphasize something so you use a different font, colour, size etc. to make it stand out. There's nothing wrong with standing out, however the rule of thumb with any design is to keep your font selection to a maximum of 3.

With font families it's easy to add variety to your body copy and headings without having to introduce a new font all together. By sticking to 2-3 fonts your site will automatically look more professional and easy to read.

 

About the author

Alicia Sanchez

Lead Graphic DesignerIGLOO Inc.

Alicia Sanchez is a graduate of the Graphic Design and Advertising program at Conestoga College located in Kitchener, Ontario. She has over 9 years experience as a Graphic Designer developing…

0 Comments

Would you like to comment?

You must be a member. Sign In if you are already a member.

  • 149 views
  • $obj.VersionIndex versions
  • 0 comments
  • 1 follower
     
Labels:

UI

Post Date:
March 18, 2010
Posted By:
Alicia Sanchez
 

About this channel

  • 778 views
  • 13 articles
  • 1 follower
     

Viewed 149 times

Page Options