Калькулятор межстрочного интервала
Межстрочный интервал сильнее других параметров влияет на то, читается текст или нет, и правильное значение зависит сразу от трёх вещей: размера шрифта, длины строки и назначения текста. Инструмент переводит line-height между всеми записями — безразмерным множителем, пикселями, em, процентами и пунктами — и рядом даёт рекомендацию под ваши цифры: чем длиннее строка, тем больше нужен интервал, иначе глаз теряет начало следующей. Живой абзац меняется вместе с настройками, а внизу считается, сколько строк и слов поместится на странице А4 — это нужно, когда текст поедет в документ, а не на экран.
Параметры текста
Во всех единицах
Как это выглядит
Межстрочный интервал решает, дочитают текст или бросят на третьем абзаце. Слишком плотные строки склеиваются в серое пятно, слишком редкие рассыпаются на отдельные полоски, и глаз перестаёт видеть в них связный текст.
Правильное значение зависит не только от размера шрифта. Чем длиннее строка, тем больше работы делает глаз, возвращаясь к началу следующей, и тем сильнее ему нужна подсказка в виде воздуха между строками.
Шкала интервалов
| Множитель | В пикселях | В процентах | Строк на А4 | Для чего |
|---|
Как пользоваться
- Интервал вводится в любой единице, остальные пересчитаются сразу.
- От неё зависит рекомендация: на длинной строке нужен больший интервал.
- Он набран вашими параметрами — так видно то, чего не видно в числах.
- Сколько строк и знаков поместится на странице при этих настройках.
Частые вопросы
В каких единицах задавать line-height
Безразмерным множителем: line-height: 1.5. Тогда интервал считается от размера шрифта самого элемента и наследуется правильно. Значение в em или процентах наследуется уже вычисленным: родитель с шрифтом 16px и line-height 150% передаст детям жёсткие 24 пикселя, и заголовок внутри получит слипшиеся строки.
Какой интервал считается нормальным
Для основного текста — от 1,4 до 1,7. Для заголовков меньше, от 1,05 до 1,25: крупные буквы и так далеко друг от друга, а большой интервал разваливает заголовок на отдельные строки. Для мелких подписей чуть больше, около 1,5, потому что мелкий текст читать труднее.
Как связаны длина строки и интервал
Прямо. Чем длиннее строка, тем труднее глазу вернуться к началу следующей, и тем больше нужен интервал. Комфортная длина — от 45 до 75 символов; при 90 и больше интервал приходится поднимать до 1,7–1,8, но правильнее сузить колонку.
Требует ли доступность определённого интервала
Да. По критерию WCAG 1.4.12 пользователь должен иметь возможность выставить межстрочный интервал минимум 1,5 без потери содержимого. Это значит, что вёрстка не должна ломаться при увеличении интервала: блоки фиксированной высоты с текстом внутри — прямое нарушение.
Почему первая строка стоит не там, где ожидалось
Интервал распределяется симметрично: разница между высотой строки и размером шрифта делится пополам и добавляется сверху и снизу. Поэтому у блока с большим интервалом сверху появляется пустое место, которого не заказывали. Убирают его отрицательным margin или свойством leading-trim там, где оно поддерживается.
Чем интервал в вёрстке отличается от интервала в Word
В текстовых редакторах «одинарный» интервал равен примерно 1,15–1,2 от размера шрифта, а «полуторный» — около 1,73, а не 1,5. Поэтому документ, свёрстанный по требованию «полуторный интервал», в CSS воспроизводится значением около 1,7. Пункты тоже другие: 1pt равен 1,333 пикселя.
Данные куда-то отправляются
Нет, всё считается в браузере.
Похожие инструменты
Список в строку с разделителем и обратно. Переносы ↔ запятые/пробелы.
ОткрытьРазбить текст на частиДелит длинный текст на куски нужной длины: Telegram 4096, подпись 1024, ВК 4000, description 160, SMS 70. Не рвёт слова и предложения.
ОткрытьИзменить размер фотоПиксели вручную или готовый пресет: обложка ВК, превью YouTube, аватар, фото 3×4, печать 10×15. Пакетно, с обрезкой или полями.
ОткрытьТипографорКавычки-ёлочки «», дефис → тире, неразрывные пробелы после предлогов, чистка двойных пробелов. Аккуратная типографика для сайта.
ОткрытьГенератор sitemap.xmlСоберёт ссылки прямо с вашего сайта по адресу или сделает карту из готового списка URL. lastmod, changefreq, priority.
ОткрытьОбрезать строкиУдалить N символов с краёв, текст до/после символа, убрать приставку или окончание.
ОткрытьЕщё инструменты для SEO и маркетинга
Кластеризатор запросов, генераторы sitemap и robots.txt, минус-слова, разметка Schema.org и калькуляторы — в разделе инструментов.