7 Typography Rules
Report
Dmitry MayorovFollow
Dec. 5, 2015•0 likes•1,842 views
3 likes
Be the first to like this
Show More
views
Total views
0
On Slideshare
0
From embeds
0
Number of embeds
0
Check these out next
7 Typography Rules
Dec. 5, 2015•0 likes•1,842 views
3 likes
Be the first to like this
Show More
views
Total views
0
On Slideshare
0
From embeds
0
Number of embeds
0
Download to read offline
Report
Design
I Wish I Knew Before Designing a Theme
Dmitry MayorovFollow
7 Typography Rules
- 7 Typography Rules I wish I knew before designing a theme Dmitry Mayorov | themepatio.com
- 1. Line Length
- 45-75
- 31 60 41 30 30 63
- 85
- 2. Flush-Left Text Alignment
- InDesign
- CSS
- CSS
- 3. Line-Height
- Fix problem quickly with galvanized jets. line-height
- body { line-height: 1.5em; }
- body { line-height: 1.5; }
- h1 { line-height: 1.2; }
- 4.Vertical Rhythm
- 5. Modular Scales
- 16 26 42 68 110 177
- body 16px h1 177px h2 110px h3 68px h4 42px h5 26px
- Too big! Don’t use pixels! body 16px h1 177px h2 110px h3 68px h4 42px h5 26px
- www.modularscale.com/
- body 1em h1 3.2em h2 2.6em h3 2.3em h4 1.8em h5 1.6em h6 1.3em
- 6. Typefaces
- • Is it readable? • Can you choose a good pair typeface for it? • Isn’t it too heavy (in kilobytes)? • Does it support necessary subsets?
- 7. Break the Rules
- Dmitry Mayorov | themepatio.com