Thursday, November 21, 2013

Type Scales



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