2. Web Typography

3. Serif and sans serif fonts  Serifs are the tails on the letters  Serif leads the eye from letter to letter  At large font sizes, the serifs get too big

4. Sans serif fonts Note varying line weights on Optima

5. Serif fonts

6. Display fonts

7. Factors on font choice  Low monitor resolution makes serifs too big and interfere with letter form

8. Image on designer PC

9. Restrictions on font choices  Must be resident on the client PC Fonts always come from the machine with the browser.  The fonts on the designer’s PC only display on that PC (or others with the fonts installed)  What would this mean in a corporate environment with centralized PC control?

10. Setting web fonts  Fonts are in groups –font-family: Times New Roman", Georgia, Times, serif –font-family: Arial, Helvetica, sans-serif  What does putting fonts into groups mean?

11. Readability and legibility  Readability = reading passages Legibility = distinguishing individual letters  x-height is major factor  Georgia and Verdana were designed for the screen

12. Georgia & Verdana

13. Font size and monitor  Fonts changes based on monitor settings  You have no control over either monitor resolution or window size

14. CNN at 800x 600.jpg

15. CNN at 1024 x 768

16. CNN at 1280 x 1024

17. End