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.
Article by Alicia Sanchez
In Part 1 we talked about fonts and how many youshould use on your site. The General rule is to use no more than 3fonts.
Here is a guide you can use when applying the fonts you’vechosen to your web site.
Font choice #1: Headings
Your website headings should be larger than the rest of thecontent on the page and usually in a colour that stands out (bythis I don’t mean that you need to pick a bright colour, justa colour that is different from the content and has enoughcontrast).
Headers should be the same font throughout your site. Havingdifferent heading fonts, font sizes and colours can confuse thereader which may discourage them from continuing or returning toyour web site.
Font choice #2: Body Copy
Don’t use solid black as a colour for your content –the contrast is too much against a white background for largeamounts of text. Instead use a dark gray such as 65-80% black, forexample the colour of content on the IGLOO web site is - hex value#848484. By using a gray tone the eye can read more, longer beforefeeling strained.
Font choice #3 (optional): Callouts/Special links
Your 3rd font choice is optional. This font should be reservedfor special callouts, such as promotions and links to special areason or off your web site. Use this font sparingly to draw attentionto links that are most exciting and important. Remember what wetalked about in Part 1, don’t under estimate theversatility of font families. Instead of introducing a new font alltogether try different versions of the same font.
Consistency plays a key role in earning the trust of each personthat visits your website. The more consistent you are in using andimplementing your font selections the less guess work there willbe. It should be very clear what a header is, what is content andwhat is a special callout/link. If you are consistent the personlooking at your site will quickly learn what these elements are foryour site and instinctively know what to look for on otherpages.