1. WEB
TYPOGRAPHYBalancing creativity and readability

2. “Typography exists to
honor content.”
- Robert Bringhurst

3. Characteristicsof
webtype
• Made up of pixels
• On the fly construction
• Consistency

4. webaliasing

8. LEGIBILITYfactors
• Logical layout, visual contrast
• White space
• Alignment and justification
• Line length
• Leading and indents

9. Logicalandaestheticlayouting

10. useofwhitespace

11. useofwhitespace

12. Alignmentforreadability

13. Headlinealignment

14. Linelength

15. TextLeading

17. CHOOSINGTYPEFACES
• Legibility on screen (x-height)
• Difference of screen fonts and print fonts
• Visual contrast
• Theme/personality of the content
• Flexibility

20. Ea
EaEa
Ea

22. differenttypeface
groups
• Serif
• Slab-serif
• Sans-serif
• Decorative

43. Text

57. SemanticEmphasis
• Use HTML tags to mark areas or snippets of
text
• Write CSS for designing the specific tags
• Code is easily understood and updated