WEB TYPOGRAPHYBalancing creativity and readability

“Typography exists to honor content.”- Robert Bringhurst

Characteristics of web type• Made up of pixels• On the fly construction• Consistency

web aliasing

LEGIBILITY factors• Logical layout, visual contrast• White space• Alignment and justification• Line length• Leading and indents

Logical and aesthetic layouting

use of white space

use of white space

Alignment for readability

Headline alignment

Line length

Text Leading

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

EaEaEaEa

different typeface groups• Serif• Slab-serif• Sans-serif• Decorative

Text

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