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
Recommended