Typografia na webe: Riadkovanie v závislosti od veľkosti písma

Typografia na webe: Veľkosť riadku v závislosti od veľkosti písma

Keywords:
Font, veľkosť, riadkovanie, Font size, line height, Typografia, Typography, web design, web dizajn,

Zlatý rez

Golden ratio / zlatý rez / phi
1.61803398875
1.618 alebo zjednodušene 1.62
x 1.618 (presnejšie)

09 - 14,5620 - 14,6
10 - 16,1800 - 16,2
11 - 17,7980 - 17,8
12 - 19,4160 - 19,4
14 - 22,6520 - 22,7
15 - 24,2700 - 24,3
16 - 25,8880 - 25,9
18 - 29,1240 - 29,1
24 - 38,8320 - 38,8
30 - 48,5400 - 48,5
36 - 58,2480 - 58,2
48 - 77,6640 - 77,7
60 - 97,0800 - 97,1
72 - 116,496 - 116,5

x 1.62 (jednoduchšie)

09 - 14,580 - 14,6
10 - 16,200 - 16,2
11 - 17,820 - 17,8
12 - 19,440 - 19,4
14 - 22,680 - 22,7
15 - 24,300 - 24,3
16 - 25,920 - 25,9
18 - 29,160 - 29,2
24 - 38,880 - 38,9
30 - 48,600 - 48,6
36 - 58,320 - 58,3
48 - 77,760 - 77,8
60 - 97,200 - 97,2
72 - 116,64 - 116,6

Príklady

(http://www.pearsonified.com/2011/12/golden-ratio-typography.php)

Georgia
Font size: 15px
Line height: 24px
Golden ratio: 15px - 24,3px

(http://www.apple.com/macbook-air/)

Lucida Grande Regular

Font size: 27px
Line height: 31,99817px
Golden ratio: 27px - 43,686px

Lucida Grande Regular

Font size: 16px
Line height: 25,1452px
Golden ratio: 16px - 25,888px

(http://www.apple.com/ios/ios8/)

Lucida Grande Regular

Font size: 40px
Line height: 44,20px
Golden ratio: 40px - 64,72px

Lucida Grande Regular

Font size: 16px
Line height: 28,57px
Golden ratio: 16px - 25,888px

(https://www.facebook.com/)

Helvetica Regular

Font size: 14px
Line height: 19,3199px
Golden ratio: 14px - 22,652px

Helvetica Regular

Font size: 12px
Line height: 15,3599px
Golden ratio: 12px - 19,416px

Odkazy

Secret Symphony: The Ultimate Guide to Readable Web Typography
http://www.pearsonified.com/2011/12/golden-ratio-typography.php

Wikipedia: Golden Ratio
http://en.wikipedia.org/wiki/Golden_ratio