Отступ от заголовка

Для меня раньше было проблемой подобрать отступ от заголовка, но я нашёл хорошую статью, где объясняется как это делать. Увы, оригинал статьи найти не смог, поэтому приведу свои примеры.

Сначала надо подобрать интерлиньяж. Базовая сетка имеет шаг в 18 пикселей, при 54–м кегле подошел интерлиньяж в 63 пикселя.

Теперь надо разместить текст так, чтобы он совпадал с верхней гранью заголовка.

Затем в начало текста добавляем две пустых строки и получаем правильный отступ.

Такое правило сработает только с заголовками с крупным кеглем. Если кегль заголовка близок к кеглю текста, то между заголовком и текстом надо поставить заглавную букву из заголовка и выровнять по ней.

Такой заголовок будет смотреться аккуратно и взвешено.

После этих манипуляций отступ можно замерить и перенести в ЦСС или макет, т.к. оставлять такой хак в реальных продуктах не стоит.

Кстати, правильно писать именно Лили, а не Лиля. Лилей её стал называть Маяковский.

6 июля, 18:25   верстка   типографика