Калькулятор міжрядкового інтервалу

Про цей інструмент

Калькулятор міжрядкового інтервалу рекомендує висоту рядка, міжлітерний інтервал та оптимальну максимальну ширину абзацу для розміру шрифту й сценарію — основний текст, заголовки, підписи інтерфейсу чи дисплейний шрифт — із живим попереднім переглядом і CSS-кодом.

Як користуватися

1. Введіть розмір шрифту в пікселях.
2. Оберіть стиль: основний текст, заголовок, підпис інтерфейсу або дисплейний.
3. Перегляньте зразок абзацу та чотири рекомендовані значення.
4. Натисніть «Копіювати CSS», щоб перенести значення у свою таблицю стилів.

Корисно знати

• Основний текст зручно читати з висотою рядка приблизно в 1.5–1.6 раза більшою за розмір шрифту.
• Великі заголовки й дисплейний шрифт краще виглядають із щільнішим інтервалом, приблизно 1.05–1.2.
• Зручна для читання довжина рядка — приблизно 45–75 символів.
• WCAG 1.4.12 вимагає, щоб вміст залишався працездатним, коли користувач встановлює висоту рядка 1.5 і міжлітерний інтервал 0.12 em.
• Значення line-height без одиниць (наприклад, 1.6) масштабуються відповідно до розміру шрифту кожного елемента.

Працює повністю у вашому браузері — нічого з того, що ви вводите, не завантажується й не зберігається.

Поширені запитання