Типографика — искусство визуальной организации текста. 95% контента — текст. Плохая типографика прогоняет пользователя.
Виды шрифтов
Serif, Sans-serif, Display, Monospace, Script.
Выбор
1-2 шрифта. Heading + body.
Google Fonts
1500+ бесплатных. Inter, Roboto, Open Sans, Poppins.
font-display: swap
Для LCP.
Self-hosting
Скорость и GDPR.
Type scale
1.125, 1.25, 1.333, 1.618 (golden ratio).
Line height
Body 1.5-1.8, headings 1.1-1.3.
Letter spacing
Headings -0.02em, body 0, UPPERCASE +0.05em.
Line length
45-75 знаков. max-width: 65ch.
Hierarchy
H1 48px Bold, H2 32px SemiBold, body 16px Regular.
Responsive
clamp(16px, 4vw, 24px).
Variable fonts
Один файл — все weights. Inter Variable.
Сайт.uz
Inter Variable. 1.25 scale. Line height body 1.7. Self-hosted. font-display: swap.