Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Typography

848 views

Published on

Published in: Technology, Design
  • Be the first to comment

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

×