web typography
DESCRIPTION
TRANSCRIPT
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