Как выбрать оптимальное значение line-height для разных шрифтов?

Выбор оптимального значения line-height зависит от потребностей и используемого семейства шрифтов. webformyself.com Каждый шрифт имеет свою индивидуальность и будет «читаться» по-разному в большом блоке текста. webformyself.com

Некоторые рекомендации по значениям line-height для различных элементов веб-страницы: sky.pro

• Основной текст статей — 1,5–1,6 (оптимальный баланс для длительного чтения). sky.pro
• Заголовки (h1, h2) — 1,1–1,3 (более компактные из-за крупного размера шрифта). sky.pro
• Подзаголовки (h3–h6) — 1,2–1,4 (промежуточное значение). sky.pro
• Мелкий текст (подписи, сноски) — 1,6–1,8 (увеличенный интервал для лучшей читаемости). sky.pro
• Блоки кода — 1,4–1,7 (достаточный интервал для различения строк). sky.pro
• Меню и навигация — 1,2–1,4 (компактность для экономии места). sky.pro

Также на выбор line-height влияет ширина текстового блока: sky.pro

• Для узких колонок (до 50 символов) — line-height 1,4–1,5. sky.pro
• Для средней ширины (50–75 символов) — line-height 1,5–1,6. sky.pro
• Для широких блоков текста (более 75 символов) — line-height 1,6–1,8. sky.pro

При выборе line-height следует учитывать, что шрифты с большой x-высотой (высотой строчных букв) обычно требуют большего интервала, чем шрифты с меньшей x-высотой. sky.pro