Элементы Типографики Которые следует знатьперед тем как создавать макет сайта

Дмитрий Майоров

1. Ширина строки

31

60

41

30 30

63

85

77

2. Выравниваниепо левому краю

inDesign

text-align: justify;

hyphens: auto;

Как быть?

text-align: left; hyphens: auto;

3. Высота строк

Высота строки обозначает пространство, которое строка текста занимает на экране.

Fix problem quickly with galvanized jets.leading

Fix problem quickly with galvanized jets.

line-height

line-height

body { line-height: 1.5;}

h1 { line-height: 1.2;}

4.Отступы

5. Модульные шкалы

Модульная шкала — это последовательность чисел, относящихся друг к другу определенным образом.

1 1 2 3 5 8 13 21

www.modularscale.com/

6.Гарнитура

• Удобство для чтения • Кросс-платформенность • Размер в килобайтах • Поддержка необходимых языков

• The Elements of Typographic Style (R. Bringhurst) • webtypography.net • alistapart.com/article/more-meaningful-typography

7. Нарушайте правила

Элементы Типографики Которые следует знатьперед тем как создавать макет сайта

dmitrymayorov.com