Submit Search
Upload
7 Typography Rules
•
3 likes
•
1,844 views
Dmitry Mayorov
Follow
I Wish I Knew Before Designing a Theme
Read less
Read more
Design
Report
Share
Report
Share
1 of 38
Download now
Download to read offline
Recommended
Desarrollo plan de unidad ciencias naturaleza
Desarrollo plan de unidad ciencias naturaleza
Altagracia Del Rosario,Centro Educativo Luis Reyes
Hello, I'm Push Notification
Hello, I'm Push Notification
Emerson Thompson
RESUME REKHA SINGH
RESUME REKHA SINGH
rekha singh
Amit resume fresher
Amit resume fresher
amittech7a
Textual analysis 3
Textual analysis 3
lewishardy123
Analytics Brownbag
Analytics Brownbag
kjcharles14
презентация Microsoft office power point
презентация Microsoft office power point
Надежда Надежда
Degree Transcript
Degree Transcript
Nicolette Butler
Recommended
Desarrollo plan de unidad ciencias naturaleza
Desarrollo plan de unidad ciencias naturaleza
Altagracia Del Rosario,Centro Educativo Luis Reyes
Hello, I'm Push Notification
Hello, I'm Push Notification
Emerson Thompson
RESUME REKHA SINGH
RESUME REKHA SINGH
rekha singh
Amit resume fresher
Amit resume fresher
amittech7a
Textual analysis 3
Textual analysis 3
lewishardy123
Analytics Brownbag
Analytics Brownbag
kjcharles14
презентация Microsoft office power point
презентация Microsoft office power point
Надежда Надежда
Degree Transcript
Degree Transcript
Nicolette Butler
лаб3=
лаб3=
Олег Василець
main
main
Rafsun Rafat
Typography
Typography
JessicaCheung1998
Typography 101
Typography 101
Trish Ang
Typography
Typography
Alexandra Chudinova
QA 4 python
QA 4 python
BeDjango
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
dgmit2009
Type history
Type history
Brian Hodge
디자인과 문화-타이포그래피
디자인과 문화-타이포그래피
ia01lee
Facilitando sua vida com WP Customizer
Facilitando sua vida com WP Customizer
Emerson Thompson
Self made typo, using shoe string!
Self made typo, using shoe string!
hojun-Lee
Prehistoria
Prehistoria
Diego Ferreiro Martínez de Tejada
Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1
David Engelby
Practical typography
Practical typography
Bilal Awan
Typeface, Typography, Grid
Typeface, Typography, Grid
Ji Hwan Park
한글 타이포그래피
한글 타이포그래피
유정 김
Los Elementos del Clima
Los Elementos del Clima
Diego Ferreiro Martínez de Tejada
Typography Fundamentals
Typography Fundamentals
Steve Hickey
Efficient Django
Efficient Django
David Arcos
The web standards gentleman: a matter of (evolving) standards)
The web standards gentleman: a matter of (evolving) standards)
Chris Mills
CSS Grid
CSS Grid
eystein
Cascading Style Sheets - Part 02
Cascading Style Sheets - Part 02
Hatem Mahmoud
More Related Content
Viewers also liked
лаб3=
лаб3=
Олег Василець
main
main
Rafsun Rafat
Typography
Typography
JessicaCheung1998
Typography 101
Typography 101
Trish Ang
Typography
Typography
Alexandra Chudinova
QA 4 python
QA 4 python
BeDjango
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
dgmit2009
Type history
Type history
Brian Hodge
디자인과 문화-타이포그래피
디자인과 문화-타이포그래피
ia01lee
Facilitando sua vida com WP Customizer
Facilitando sua vida com WP Customizer
Emerson Thompson
Self made typo, using shoe string!
Self made typo, using shoe string!
hojun-Lee
Prehistoria
Prehistoria
Diego Ferreiro Martínez de Tejada
Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1
David Engelby
Practical typography
Practical typography
Bilal Awan
Typeface, Typography, Grid
Typeface, Typography, Grid
Ji Hwan Park
한글 타이포그래피
한글 타이포그래피
유정 김
Los Elementos del Clima
Los Elementos del Clima
Diego Ferreiro Martínez de Tejada
Typography Fundamentals
Typography Fundamentals
Steve Hickey
Efficient Django
Efficient Django
David Arcos
Viewers also liked
(19)
лаб3=
лаб3=
main
main
Typography
Typography
Typography 101
Typography 101
Typography
Typography
QA 4 python
QA 4 python
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
제 4회 DGMIT UI&UX 컨퍼런스 : 타이포그래피의 기초와 전시회 소개
Type history
Type history
디자인과 문화-타이포그래피
디자인과 문화-타이포그래피
Facilitando sua vida com WP Customizer
Facilitando sua vida com WP Customizer
Self made typo, using shoe string!
Self made typo, using shoe string!
Prehistoria
Prehistoria
Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1
Practical typography
Practical typography
Typeface, Typography, Grid
Typeface, Typography, Grid
한글 타이포그래피
한글 타이포그래피
Los Elementos del Clima
Los Elementos del Clima
Typography Fundamentals
Typography Fundamentals
Efficient Django
Efficient Django
Similar to 7 Typography Rules
The web standards gentleman: a matter of (evolving) standards)
The web standards gentleman: a matter of (evolving) standards)
Chris Mills
CSS Grid
CSS Grid
eystein
Cascading Style Sheets - Part 02
Cascading Style Sheets - Part 02
Hatem Mahmoud
Sass compass
Sass compass
Nick Cooley
6 css week12 2020 2021 for g10
6 css week12 2020 2021 for g10
Osama Ghandour Geris
Css week11 2019 2020 for g10 by eng.osama ghandour
Css week11 2019 2020 for g10 by eng.osama ghandour
Osama Ghandour Geris
Inline, Block and Positioning in CSS
Inline, Block and Positioning in CSS
UC Berkeley Graduate School of Journalism
Css methods architecture
Css methods architecture
Lasha Sumbadze
Similar to 7 Typography Rules
(8)
The web standards gentleman: a matter of (evolving) standards)
The web standards gentleman: a matter of (evolving) standards)
CSS Grid
CSS Grid
Cascading Style Sheets - Part 02
Cascading Style Sheets - Part 02
Sass compass
Sass compass
6 css week12 2020 2021 for g10
6 css week12 2020 2021 for g10
Css week11 2019 2020 for g10 by eng.osama ghandour
Css week11 2019 2020 for g10 by eng.osama ghandour
Inline, Block and Positioning in CSS
Inline, Block and Positioning in CSS
Css methods architecture
Css methods architecture
Recently uploaded
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Call Girls in Nagpur High Profile
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Delhi Call girls
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
TusharBahuguna2
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
SUHANI PANDEY
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
Nitya salvi
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
BarusRa
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Call Girls in Nagpur High Profile
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
poojakaurpk09
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
bingyichin04
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
Nitya salvi
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Call Girls in Nagpur High Profile
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
Recently uploaded
(20)
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
7 Typography Rules
1.
7 Typography Rules I
wish I knew before designing a theme Dmitry Mayorov | themepatio.com
2.
3.
1. Line Length
4.
45-75
5.
6.
31 60 41 30 30 63
7.
8.
85
9.
2. Flush-Left Text Alignment
10.
InDesign
11.
CSS
12.
CSS
13.
14.
3. Line-Height
15.
Fix problem quickly with galvanized
jets. line-height
16.
body { line-height: 1.5em; }
17.
body { line-height: 1.5; }
18.
h1 { line-height: 1.2; }
19.
20.
21.
22.
4.Vertical Rhythm
23.
24.
25.
26.
27.
28.
5. Modular Scales
29.
30.
16 26 42
68 110 177
31.
body 16px h1 177px h2
110px h3 68px h4 42px h5 26px
32.
Too big! Don’t use
pixels! body 16px h1 177px h2 110px h3 68px h4 42px h5 26px
33.
www.modularscale.com/
34.
body 1em h1 3.2em h2
2.6em h3 2.3em h4 1.8em h5 1.6em h6 1.3em
35.
6. Typefaces
36.
• Is it
readable? • Can you choose a good pair typeface for it? • Isn’t it too heavy (in kilobytes)? • Does it support necessary subsets?
37.
7. Break the
Rules
38.
Dmitry Mayorov |
themepatio.com
Download now