Web Typography

1,015 views

Published on

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

No Downloads
Views
Total views
1,015
On SlideShare
0
From Embeds
0
Number of Embeds
116
Actions
Shares
0
Downloads
45
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Web Typography

  1. 1. WEB TYPOGRAPHYBalancing creativity and readability
  2. 2. “Typography exists to honor content.” - Robert Bringhurst
  3. 3. Characteristicsof webtype • Made up of pixels • On the fly construction • Consistency
  4. 4. webaliasing
  5. 5. LEGIBILITYfactors • Logical layout, visual contrast • White space • Alignment and justification • Line length • Leading and indents
  6. 6. Logicalandaestheticlayouting
  7. 7. useofwhitespace
  8. 8. useofwhitespace
  9. 9. Alignmentforreadability
  10. 10. Headlinealignment
  11. 11. Linelength
  12. 12. TextLeading
  13. 13. CHOOSINGTYPEFACES • Legibility on screen (x-height) • Difference of screen fonts and print fonts • Visual contrast • Theme/personality of the content • Flexibility
  14. 14. Ea EaEa Ea
  15. 15. differenttypeface groups • Serif • Slab-serif • Sans-serif • Decorative
  16. 16. Text
  17. 17. SemanticEmphasis • Use HTML tags to mark areas or snippets of text • Write CSS for designing the specific tags • Code is easily understood and updated

×