Шрифты, насыщенность и стиль текста

Насыщенность от тонкой до чёрной, настоящий курсив и одна ступень размера на любой текст.

Где: Вкладка «Вид» → «Оформление» → «Текст». Сами ступени — меню «Ещё» → «Стили проекта» → «Типографика».

Заголовок карточки получает ступень «Обложка» — размер, насыщенность и межстрочный разом.
Заголовок карточки получает ступень «Обложка» — размер, насыщенность и межстрочный разом.

«Стиль текста» — это ступень из шкалы проекта: «Обложка», «Крупный заголовок», «Заголовок», «Подзаголовок», «Основной текст», «Подпись» и «Сноска». Выбрали ступень — надпись взяла её размер, насыщенность и высоту строки. Поменяли ступень в «Стилях проекта» — поменялись все надписи, которые на ней стоят. Так цена в карточке набирается тем же кеглем, что заголовок раздела, без подбора на глаз.

Поле есть не только у заголовка и абзаца: у подписи, плашки, метки, кнопки, пункта списка, аккордеона, обратного отсчёта, показателя, полосы с сообщением, главной кнопки Telegram, цены, счётчика записей, шапки и гибкого блока. Четыре крупные ступени набираются шрифтом заголовков, остальные — шрифтом основного текста. Размер, насыщенность или высота строки, заданные ниже руками, главнее ступени; «Свой у блока» возвращает прежнее поведение.

«Обложка» — самая крупная ступень: 40 px, насыщенность 800, строка 44. Она для первого экрана лендинга, имени мастера на визитке, цифры на баннере. В «Стилях проекта» → «Типографика» она стоит первой строкой и правится там, как остальные.

Насыщенность и курсив. Шрифты из списка приезжают со всеми насыщенностями, какие у семейства есть, и с настоящим курсивом, если он нарисован. В выборе шрифта рядом с названием так и написано: «100–900 · курсив». Поле «Насыщенность» само не выходит за края шрифта — у Manrope, например, это 200–800, — а кнопка курсива в «Наклоне» (под «Ещё») появляется только у шрифта, где курсив настоящий: поддельный наклон браузер рисует криво. У своего загруженного шрифта и у стека CSS доступна вся шкала — что в них есть, знаете только вы.

Перенос строк — там же, под «Ещё». «Ровные строки — для заголовков» раскладывает слова так, чтобы строки были близкой длины и одно слово не висело на второй строке. «Без одинокого слова в конце — для абзацев» не оставляет последнюю строку из одного слова. Поле есть у заголовка, абзаца, подписи и гибкого блока. Новые заголовки получают ровные строки сами; уже стоящие остаются как были.

Читать дальше