WEB TYPOGRAPHY Balancing creativity and readability

“Typography exists to honor content.” - Robert Bringhurst

GOOD TYPOGRAPHY • Has visual hierarchy

• Balanced and dynamic letterforms

• Legible on-screen

• Appropriate choice of typefaces

LEGIBILITY factors • Logical layout

• White space

• Alignment and justification

• Line length

• Leading and indents

Logical and aesthetic layouting

Alignment for readability

Headline alignment

Line height

Text Leading

CHOOSING TYPEFACES • Legibility on screen (x-height)

• Difference of screen fonts and print fonts

• Visual contrast

• Theme/personality of the content

• Flexibility

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