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.

7 Typography Rules

1,175 views

Published on

I Wish I Knew Before Designing a Theme

Published in: Design

7 Typography Rules

  1. 1. 7 Typography Rules I wish I knew before designing a theme Dmitry Mayorov | themepatio.com
  2. 2. 1. Line Length
  3. 3. 45-75
  4. 4. 31 60 41 30 30 63
  5. 5. 85
  6. 6. 2. Flush-Left
 Text Alignment
  7. 7. InDesign
  8. 8. CSS
  9. 9. CSS
  10. 10. 3. Line-Height
  11. 11. Fix problem quickly with galvanized jets. line-height
  12. 12. body {
 line-height: 1.5em; }
  13. 13. body {
 line-height: 1.5; }
  14. 14. h1 {
 line-height: 1.2; }
  15. 15. 4.Vertical Rhythm
  16. 16. 5. Modular Scales
  17. 17. 16 26 42 68 110 177
  18. 18. body 16px h1 177px h2 110px h3 68px h4 42px h5 26px
  19. 19. Too big! Don’t use pixels! body 16px h1 177px h2 110px h3 68px h4 42px h5 26px
  20. 20. www.modularscale.com/
  21. 21. body 1em h1 3.2em h2 2.6em h3 2.3em h4 1.8em h5 1.6em h6 1.3em
  22. 22. 6. Typefaces
  23. 23. • Is it readable? • Can you choose a good pair typeface for it? • Isn’t it too heavy (in kilobytes)? • Does it support necessary subsets?
  24. 24. 7. Break the Rules
  25. 25. Dmitry Mayorov | themepatio.com

×