Сложность:Теги:
Подбор пары шрифтов
Headline + body шрифт которые работают вместе. Принципы, примеры, проверка.
typographyfontspairing
Открыть
Средний30-60 мин
Вертикальный ритм типографики
Line-height, spacing, baseline grid — текст который дышит и читается.
typographyspacingrhythm
Открыть
Начальный15-30 мин
Типографика для кириллицы
Чем кириллица отличается от латиницы, какие шрифты с ней работают, что не работает.
typographycyrillici18n
Открыть
Начальный15-30 мин
Tabular nums для таблиц и данных
Где обязательны tabular-nums, как включить через font-feature-settings и font-variant-numeric, fallback-стек и как проверить выравнивание колонок.
typographytabular-numstables
Открыть
Начальный15-30 мин
Настройка шкалы заголовков (clamp, tracking, leading)
Типографическая шкала h1-h6 на clamp(), правильные tracking и leading на каждом размере, тест на длинных русских словах без переноса в неудобном месте.
typographyheadlinesclamp
Открыть
Продвинутый30-60 мин
Multilingual font stack: Cyrillic / CJK / Arabic
Fallback chain для проекта с несколькими письменностями: что грузить, что брать из системы, как тестировать отсутствие tofu (□).
typographyfontscyrillic
Открыть
Продвинутый30-60 мин
6 из 6