Choice of font is really important
Clarity and Personality
Clarity:Clarity refers to readability; how easy is it to read the text on your page
Personality: Look and feel; tone of your voice
Fonts can be subtlety different but convey a different message
Purpose of serif:
Serif used to guide the reader, easy for the eye to follow, easier to read at small size
Sans serif used traditionally for headlines in a newspaper
However on the web things are DIFFERENT. There is a reversal of the print traditional method.
Serif used for headings and sans serif is used for body text. Sans serif renders better at lower resolution.
Some Web safe fonts to use:
Verdana: It is neutral
Arial: Classic, scientific but warm
Comic sans: Informal, childish or amateur
Times New Roman: Classic, Compact; OK to use for headings
Georgia: Elaborate, Warm; designed for screen
Courier: Basic, Traditional (could be used to display code)
How many fonts should I use?
2 other you would have to make a pretty good case for using more. LESS IS MORE!!!!
CSS Typographic Properties:
Font-fmaily: Georgia, “Times New Roman”, Times, Serif;
font-variant: small caps;
Line height makes a massive difference in readability. The default size is 1.5em.
What units should I use?
pixels, points, ems, percentage, small, medium, large
Pixels is fixed and tied, absolute
Percentage & em is scalable and relative
Percentages & ems only scale in IE
IE will not scale text if set in pixels