Today Notes: Do & Donts Typography

Found it on another web:

Do & Donts Typography

  1. DO NOT use too many different font faces on the page
  2. DO NOT switch from serif and sans serif fonts multiple times
  3. DO NOT ignore planning for font increase by the viewer
  4. DO NOT use Sans Serif fonts for large bodies of text
  5. DO NOT overuse font replaces like Cufón and siFr
  6. DO NOT overdo the emphasis in your text
  7. DO NOT forget to utilize font stacks in your css codes (“font: Helvetica, Arial, sans-serif”)
  8. DO NOT type in all caps – use text-transform when you need it (text-transform: uppercase;)
  9. DO NOT forget to use accent characters when needed
  10. DO NOT – I repeat – DO NOT use comic sans or papyrus on anything!
  11. DO use line height to your advantage
  12. DO use the proper text colors on the page background (#F8F8F8 on black / #252525 on white)
  13. DO use web safe fonts as often as possible
  14. DO use a proper hierarchy for your pages
  15. DO make use of a baseline grid
  16. DO utilize white space as much as possible
  17. DO keep the use of centered text to a minimum
  18. DO use shade variations to help areas stand out more
  19. DO make sure you know about, and use, proper letter spacing for titles
  20. DO make use of a typographic scale in your css codes
Typography Scale
body { font-size: 12px; }
h1 { font-size: 5.0em; }
h2 { font-size: 4.0em; }
h3 { font-size: 3.0em; }
h4 { font-size: 2.0em; }
blockquote { font-size: 1.5em; }
p { font-size: 1.25em; }
input { font-size: 1.0em; }
small { font-size: 0.75em; }