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; }