0
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...
LEGIBILITY factors
•   Logical layout
•   White space
•   Alignment and justification
•   Line length
•   Leading and inde...
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
...
Semantic Emphasis
• Use HTML tags to mark areas or snippets
  of text
• Write CSS for designing the specific tags
• Code i...
Web Typography
Web Typography
Web Typography
Upcoming SlideShare
Loading in...5
×

Web Typography

634

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
634
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
25
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Web Typography"

  1. 1. WEB TYPOGRAPHY Balancing creativity and readability
  2. 2. “Typography exists to honor content.” - Robert Bringhurst
  3. 3. GOOD TYPOGRAPHY • Has visual hierarchy • Balanced and dynamic letterforms • Legible on-screen • Appropriate choice of typefaces
  4. 4. LEGIBILITY factors • Logical layout • White space • Alignment and justification • Line length • Leading and indents
  5. 5. Logical and aesthetic layouting
  6. 6. Alignment for readability
  7. 7. Headline alignment
  8. 8. Line height
  9. 9. Text Leading
  10. 10. CHOOSING TYPEFACES • Legibility on screen (x-height) • Difference of screen fonts and print fonts • Visual contrast • Theme/personality of the content • Flexibility
  11. 11. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×