Калькулятор межстрочного интервала: А4, Word, px, pt, мм

Что это такое

Межстрочный интервал — это расстояние между базовыми линиями строк в текстовом блоке. В веб-дизайне и вёрстке он задаётся через CSS-свойство line-height, но на практике возникает вечная путаница: дизайнеры мыслят в пикселях, Word-документы оперируют множителями («полуторный», «двойной»), а в типографике исторически используется интерлиньяж в пунктах. Этот калькулятор — мостик между всеми этими системами. Он мгновенно переводит line-height между px, pt, em и миллиметрами, а также подсказывает, сколько строк и слов поместится на листе А4 при заданных параметрах. Плюс — сразу даёт готовый CSS-код с учётом пресетов Word и требований WCAG к доступности текста.

Как пользоваться

1. Выберите исходную единицу измерения: px, pt, em или мм — и введите значение line-height.
2. Укажите контекст: размер шрифта (font-size), ширину текстового блока и поля страницы, если планируете проверять А4.
3. Нажмите «Рассчитать» — сервис покажет эквиваленты во всех остальных единицах.
4. Если нужно оценить вместимость страницы, посмотрите блок «Строк и слов на А4» — он учитывает ваш шрифт и интервал.
5. Скопируйте готовый CSS-код из нижней панели — он уже содержит правильное значение line-height и комментарий с множителем.
6. При необходимости сверьтесь с пресетами Word (одинарный, полуторный, двойной интервал) и проверкой на WCAG — калькулятор подсветит, соответствует ли ваш интервал требованиям доступности.

Кому и когда пригодится

• Веб-разработчикам и верстальщикам — когда нужно быстро перевести межстрочное расстояние из макета Figma (часто в px) в относительные единицы для адаптивной вёрстки.
• Дизайнерам — для проверки читабельности текста и соответствия типографическим стандартам, особенно при подготовке макетов под печать или экраны с разной плотностью пикселей.
• Контент-менеджерам и редакторам — если нужно привести статьи из Word к единому стилю на сайте, не ломая вёрстку.
• Специалистам по доступности — для быстрой проверки, соответствует ли межстрочный интервал рекомендациям WCAG (обычно требуется множитель не менее 1.5 для обычного текста).
• Студентам и преподавателям — при оформлении рефератов, курсовых и дипломов по ГОСТу, где часто требуется полуторный интервал в Word, а нужно понять, как это будет выглядеть в CSS.

Плюсы и ограничения

Плюсы:

• Мгновенный перевод между всеми популярными единицами измерения.
• Учёт реальной вместимости страницы А4 — экономит время на ручную проверку.
• Встроенные пресеты Word и рекомендации WCAG избавляют от запоминания нормативов.
• Генерация готового CSS-кода с комментариями — удобно для вставки в проект.

Ограничения:

• Не учитывает особенности конкретного шрифта (у разных гарнитур разная высота строчных букв и верхних выносных элементов).
• Расчёт строк на А4 приблизителен: он не учитывает переносы, отступы абзацев и межсловные разрывы.
• Для сложной адаптивной типографики всё равно потребуется ручная настройка под каждый брейкпоинт.

Частые вопросы

Чем отличается line-height от interlineaжa?

По сути это одно и то же явление, но с разным подходом к измерению. Интерлиньяж (leading) в классической типографике — это расстояние между базовыми линиями соседних строк, измеряемое в пунктах. В вебе line-height задаёт высоту строки целиком, включая сам шрифт, и часто указывается как множитель (например, 1.5) или в пикселях. Калькулятор помогает перевести одно в другое.

Какой межстрочный интервал считается оптимальным для чтения с экрана?

Для обычного текста на вебе рекомендуется множитель 1.5–1.7 от размера шрифта. Для заголовков можно использовать 1.2–1.3. WCAG требует минимум 1.5 для основного текста, но для длинных статей лучше стремиться к 1.6–1.8 — так глаза меньше устают.

Почему в Word полуторный интервал, а в CSS 1.5 — это не одно и то же?

В Word полуторный интервал рассчитывается от стандартной высоты строки, которая зависит от шрифта. В CSS множитель 1.5 умножается на размер шрифта. Если шрифт имеет большую внутреннюю высоту, визуально расстояния будут отличаться. Калькулятор учитывает это, показывая разницу в пикселях.

Можно ли использовать миллиметры для задания line-height в CSS?

Технически да, но делать так не стоит. В отличие от печати, где миллиметры — стандарт, в вебе это приведёт к проблемам с адаптивностью и масштабированием. Значение в мм имеет смысл только для расчёта печатных макетов, а для экрана лучше использовать относительные единицы (em) или множители.

Как рассчитать, сколько строк текста поместится на страницу А4?

Нужно знать высоту текстовой области (обычно 247 мм для формата А4 с полями 2 см), размер шрифта и межстрочный интервал. Калькулятор делает это автоматически: делит полезную высоту страницы на высоту строки с учётом line-height, а затем оценивает количество слов по средней длине слова. Результат будет приблизительным, но достаточным для планирования объёма документа.