Как настроить межстрочный интервал и длину строки в тексте

Межстрочный интервал и длина строки настраиваются вместе: для основного текста начните с line-height около 1,4–1,6 от размера шрифта, а ширину строки ограничьте примерно 50–80 знаками с пробелами. Затем проверьте макет на реальном содержимом, разных экранах и при увеличении шрифта. Ниже — практический алгоритм, примеры и чеклист.

Материал актуален на 22 июля 2026 года. Рекомендации подходят для статей, интерфейсов, презентаций, лендингов и печатных макетов, но не заменяют визуальную проверку: один и тот же интервал выглядит по-разному в разных гарнитурах и начертаниях.

Межстрочный интервал, или интерлиньяж, — это вертикальное расстояние между строками текста. В цифровой верстке его часто задают параметром line-height. Важно отличать интерлиньяж от расстояния между абзацами: первый влияет на каждую строку внутри абзаца, второе разделяет смысловые блоки.

Длина строки — это не количество строк в абзаце, а ширина текстовой колонки и число знаков, которые читатель проходит взглядом от начала до конца. Слишком длинная строка затрудняет переход на следующую, а слишком короткая дробит фразу и создает слишком частые переносы. Поэтому читаемость зависит от пары параметров: размера шрифта и ширины набора.

Если строки расположены слишком плотно, текст превращается в темное пятно. Глаз хуже различает соседние строки, особенно в длинной статье или при чтении с телефона. Слишком большой интервал, наоборот, разрывает визуальную связь внутри абзаца и делает страницу похожей на набор отдельных фрагментов.

Широкая колонка выглядит экономной по месту, но требует от читателя длинного горизонтального движения. После окончания строки взгляд должен быстро найти начало следующей. Узкая колонка облегчает возврат, однако при чрезмерном сужении появляются рваный ритм, частые переносы и ощущение медленного чтения.

Сначала определите роль текста. Основной материал статьи, подпись, навигация, карточка товара и заголовок требуют разной плотности. Для длинного чтения важнее спокойный ритм и заметная иерархия, а для компактного интерфейса допустима более плотная посадка, если слова остаются различимыми и блок не перегружен.

Затем выберите базовый размер. Для веб-текста часто начинают с диапазона 16–18 пикселей, но конкретное значение зависит от гарнитуры, устройства, контраста и расстояния до экрана. На макете с крупным шрифтом тот же интерлиньяж в процентах может выглядеть слишком рыхлым, поэтому проверяйте не только цифры, но и цвет текстового массива.

Для основного текста разумная стартовая точка — line-height 1,4–1,6 от кегля. При размере 16 пикселей это примерно 22–26 пикселей между базовыми линиями, а при размере 18 пикселей — около 25–29 пикселей. Это не обязательная норма, а диапазон для первой настройки, после которой нужно оценить конкретную гарнитуру и плотность текста.

Узкая колонка обычно переносит взгляд между строками чаще, поэтому ей может подойти немного больший интерлиньяж. В широкой колонке чрезмерно высокий line-height усиливает ощущение разреженности. Для заголовков часто используют более плотное значение, примерно 1,1–1,3, потому что короткие строки и крупный размер уже создают сильный визуальный масштаб.

Не путайте интерлиньяж с отступом между абзацами. Если увеличить оба параметра одновременно, материал может рассыпаться на отдельные островки. Обычно сначала настраивают расстояние внутри абзаца, затем добавляют умеренный отступ между абзацами, списками и подзаголовками, чтобы показать структуру без лишних пустот.

Для непрерывного текста используйте ориентир около 50–80 знаков с пробелами в строке. В русскоязычном материале хорошо начать примерно с 60–75 знаков и затем проверить результат глазами. Подсчет символов помогает понять масштаб колонки, но не заменяет тестирование: узкие буквы и широкие заглавные могут давать разную фактическую плотность при одинаковом количестве знаков.

Ширину текстового блока задают в символах, пикселях, процентах или через максимальную ширину контейнера. Для адаптивного сайта удобнее ограничить максимальную ширину и оставить боковые поля, а на маленьком экране позволить колонке сужаться до безопасных отступов. Не растягивайте основной текст на всю ширину большого монитора.

При оценке длины строки смотрите на реальные абзацы, а не на строку из одинаковых букв. Обычный текст содержит короткие слова, длинные термины, кавычки, числа и знаки препинания. Если переносы выглядят случайными, сначала попробуйте изменить ширину колонки, а не компенсировать проблему увеличением межстрочного интервала.

Выберите гарнитуру и начертание, которые будут использоваться в основном тексте. Оцените не только форму букв, но и насыщенность: слишком легкое начертание теряется на слабом контрасте, а слишком жирное визуально уплотняет абзац. После смены шрифта обязательно пересмотрите ширину колонки и line-height, потому что прежние значения могли быть рассчитаны на другие пропорции.

Начните с коэффициента 1,5. Например, для текста 16 пикселей задайте line-height 24 пикселя, а для текста 18 пикселей — около 27 пикселей. Прочитайте несколько абзацев подряд и проверьте, не сливаются ли строки, не выглядит ли страница пустой и сохраняется ли единый ритм после заголовков и списков.

Сделайте колонку достаточно узкой для быстрого перехода на следующую строку, но не настолько узкой, чтобы каждое предложение распадалось на множество переносов. Для статьи лучше задать читаемую максимальную ширину, чем растягивать текст до краев экрана. На мобильном устройстве контролируйте боковые поля: текст не должен упираться в границы дисплея.

После основного текста задайте вертикальные отношения между элементами. Заголовок должен отделяться от предыдущего абзаца сильнее, чем строки внутри абзаца, а список — иметь понятный внутренний ритм и расстояние до соседнего текста. Не используйте несколько пустых строк подряд: структуру лучше показывать системными отступами и размером заголовков.

Откройте страницу на широком и узком экране, увеличьте масштаб браузера и замените демонстрационный текст на реальный. Проверьте длинные заголовки, короткие абзацы, цитаты, маркированные пункты и числа. Если макет ломается только на одном размере, исправляйте адаптивные правила, а не ухудшайте читаемость всей страницы.

Для статьи на сайте можно взять базовый размер 16 пикселей, line-height 24 пикселя и ограничить ширину колонки так, чтобы в строке помещалось примерно 60–75 знаков. Подзаголовок сделайте крупнее и плотнее, например с line-height около 1,2. После этого оцените переход от подзаголовка к первому абзацу: визуальная пауза должна быть заметной, но не превращаться в пустой экран.

Для мобильного экрана полезно сохранить близкий размер текста, если он остается комфортным, и не уменьшать шрифт только ради большего объема на экране. При узкой ширине слегка увеличьте межстрочный интервал, чтобы строки не слипались. Одновременно уменьшите боковые поля до разумного значения, иначе короткая строка станет еще короче.

Для презентации или плаката правило меняется: зритель может находиться дальше от текста, а фраз на слайде обычно меньше. Здесь важнее крупный размер, сильная иерархия и свободное пространство вокруг блока. Не переносите настройки статьи на слайд автоматически: короткие строки заголовка и большие кегли требуют отдельной проверки.

Отдельная ошибка — попытка исправить слишком длинную строку увеличением межстрочного интервала. Эти параметры связаны, но решают разные задачи: line-height отвечает за вертикальное разделение строк, а длина строки — за горизонтальный маршрут взгляда. Если колонка чрезмерно широкая, сначала измените ее ширину или размер текста.

Начните с line-height 1,4–1,6 от размера шрифта. Для 16 пикселей это примерно 22–26 пикселей, для 18 пикселей — около 25–29 пикселей. Итоговое значение зависит от гарнитуры, ширины колонки, контраста и устройства, поэтому диапазон нужно проверить на нескольких реальных абзацах.

Практический ориентир для непрерывного текста — примерно 50–80 знаков с пробелами в строке. Для статьи можно начать с 60–75 знаков, но не воспринимать это как жесткое правило. На восприятие влияют ширина букв, размер шрифта, длина слов и язык текста.

Часто на узком экране помогает немного больший интерлиньяж, потому что взгляд чаще переходит между строками. Однако увеличение должно быть умеренным: если строки начинают выглядеть разрозненно, верните значение назад. Сначала проверьте размер шрифта, боковые поля и ширину текста, а затем корректируйте line-height.

У разных гарнитур отличаются высота строчных знаков, ширина букв, насыщенность и внутренние просветы. Поэтому одинаковые кегль и line-height не дают одинакового визуального результата. При смене шрифта заново оцените длину строки, межстрочный интервал, контраст и расстояние между абзацами.

Для адаптивного интерфейса удобен коэффициент, например 1,5: при изменении размера шрифта интерлиньяж масштабируется вместе с ним. Фиксированное значение в пикселях полезно там, где нужна точная сетка, но при увеличении текста оно может стать слишком плотным или слишком рыхлым. Выбирайте способ по задаче и проверяйте доступность.

Одинаковая максимальная ширина помогает сохранить единый стиль, но не должна быть догмой. Статья, карточка, таблица и подпись имеют разную плотность информации. Для длинного чтения ограничивайте колонку, а для коротких элементов ориентируйтесь на иерархию, размер шрифта и задачу конкретного блока.

Настройка текста начинается с согласования трех вещей: размера шрифта, межстрочного интервала и ширины колонки. Используйте ориентиры, но принимайте решение по реальному содержимому и разным экранам. Если вы создаете собственную гарнитуру, протестируйте ее на статьях, интерфейсах и заголовках, а затем создайте шрифт в fontgenerator.ru и проверьте, как он работает в ваших макетах.