Typography aims to honor content through readability and visual hierarchy. Key factors for legibility include logical layout, white space, alignment and justification, line length, and leading and indents. When choosing typefaces, considerations include legibility on screen through appropriate x-height, contrast between screen and print fonts, and visual contrast as well as reflecting the theme and flexibility for content.

1. WEB
TYPOGRAPHY
Balancing creativity and readability

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

3. GOOD TYPOGRAPHY
• Has visual hierarchy
• Balanced and dynamic letterforms
• Legible on-screen
• Appropriate choice of typefaces

4. LEGIBILITY factors
• Logical layout
• White space
• Alignment and justification
• Line length
• Leading and indents

5. Logical and aesthetic layouting

6. Alignment for readability

7. Headline alignment

8. Line height

9. Text Leading

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

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