Skip to main content
appkiro.com

Калькулятор межстрочного интервала

Рассчитайте типичные значения CSS line-height по размеру шрифта и сравните несколько вариантов в предпросмотре.

px
Рекомендуемое
24.0px
Коэффициент 1,5× — для основного текста
Золотое сечение
25.9px
φ (1,618) — гармоничная пропорция

Популярные соотношения

Плотный1.2×
Заголовки, крупный текст
19.2px
Компактный1.375×
Подзаголовки
22.0px
Обычный1.5×
Основной текст (рекомендуется)
24.0px
Свободный1.625×
Длинные тексты
26.0px
Очень свободный2×
Большие блоки, доступность
32.0px

Предпросмотр

1.2× line-height

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

1.5× line-height

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

2× line-height

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

Что такое Калькулятор межстрочного интервала?

Рассчитайте типичные значения CSS line-height по размеру шрифта и сравните несколько вариантов в предпросмотре. Размер шрифта в пикселях. Значения в px для коэффициентов 1,2; 1,375; 1,5; 1,625; 2 и варианта 1,618 с живым предпросмотром.

Открыть инструмент

Что делает инструмент

  • Входные данные: Размер шрифта в пикселях.
  • Настройки и обработка: Изменяйте размер и сравнивайте стартовые варианты для заголовков, подзаголовков, основного и длинного текста, свободного интервала и золотого сечения.
  • Результат: Значения в px для коэффициентов 1,2; 1,375; 1,5; 1,625; 2 и варианта 1,618 с живым предпросмотром.

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

  1. Добавьте входные данные. Размер шрифта в пикселях.
  2. Проверьте настройки. Изменяйте размер и сравнивайте стартовые варианты для заголовков, подзаголовков, основного и длинного текста, свободного интервала и золотого сечения.
  3. Создайте, проверьте и экспортируйте результат. Значения в px для коэффициентов 1,2; 1,375; 1,5; 1,625; 2 и варианта 1,618 с живым предпросмотром.

Основные возможности

  • Входные данные: Размер шрифта в пикселях.
  • Настройки и обработка: Изменяйте размер и сравнивайте стартовые варианты для заголовков, подзаголовков, основного и длинного текста, свободного интервала и золотого сечения.
  • Результат: Значения в px для коэффициентов 1,2; 1,375; 1,5; 1,625; 2 и варианта 1,618 с живым предпросмотром.

Когда пригодится

  • Рассчитайте типичные значения CSS line-height по размеру шрифта и сравните несколько вариантов в предпросмотре.
  • Используйте, когда нужен такой результат или диагностический вывод: Значения в px для коэффициентов 1,2; 1,375; 1,5; 1,625; 2 и варианта 1,618 с живым предпросмотром.
  • Поставьте инструмент перед следующим проверенным этапом: проверкой выбранного интервала с реальным шрифтом, шириной и языком.

Ограничения и безопасность

  • Это отправные значения, а не универсальный оптимум. WCAG 1.4.12 требует отсутствия потери контента при пользовательском line-height не менее 1,5×, а не обязательного дефолта 1,5.

Устранение неполадок

  • Введите обычное число и проверьте десятичный разделитель, исходную/целевую единицу, base или root size, DPI и допустимый диапазон.
  • Пересчитайте одно известное эталонное значение, затем сравните допущения и округление до пакетного преобразования или применения в CSS/печати.
  • Это отправные значения, а не универсальный оптимум. WCAG 1.4.12 требует отсутствия потери контента при пользовательском line-height не менее 1,5×, а не обязательного дефолта 1,5.

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

Что такое Калькулятор межстрочного интервала?

Рассчитайте типичные значения CSS line-height по размеру шрифта и сравните несколько вариантов в предпросмотре.

Как пользоваться Калькулятор межстрочного интервала?

Добавьте ожидаемые данные, проверьте параметры страницы и сверяйте результат перед копированием или скачиванием. Ожидаемый результат: Значения в px для коэффициентов 1,2; 1,375; 1,5; 1,625; 2 и варианта 1,618 с живым предпросмотром.

Какие входные данные поддерживаются?

Размер шрифта в пикселях.

Какой результат создаёт инструмент?

Значения в px для коэффициентов 1,2; 1,375; 1,5; 1,625; 2 и варианта 1,618 с живым предпросмотром.

Какие есть ограничения?

Это отправные значения, а не универсальный оптимум. WCAG 1.4.12 требует отсутствия потери контента при пользовательском line-height не менее 1,5×, а не обязательного дефолта 1,5.

Связанные инструменты AppKiro

Начните с проверенного примера

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

Открыть инструмент