The Twelve Pixel Scale
| body | p | h3 | h2 | h1 | |
|---|---|---|---|---|---|
| pixel | 12px | - | 14px | 18px | 24px |
| percentage | 75% | - | 117% | 150% | 200% |
| em | 100% | 0.75em | 1.17em | 1.3em | 1.5em |
The Sixteen Pixel Scale
| body | p | h3 | h2 | h1 | |
|---|---|---|---|---|---|
| pixel | 16px | - | 18px | 24px | 32px |
| percentage | 100% | - | 133% | 150% | 200% |
| em | 100% | 1em | 1.125em | 1.5em | 2em |
Read about why using em to size types:
http://adamdscott.com/better-web-typography-sizing-type-with-ems/
No comments:
Post a Comment