Межстрочное расстояние (или интерлиньяж) в вебе не только задаёт расстояние между строками текста, но и предписывает им центрироваться по вертикали. Это уникальное свойство можно использовать для выравнивания объектов по вертикали внутри контейнера заданной высоты.
Однако если вы задаёте интерлиньяж в пикселах для обычного текста, то это может привести к некоторым проблемам. В Twitter Bootstrap, например, межстрочное расстояние указано в пикселах прям у тега
<body>. Это приводит к тому, что при изменении font-size приходится менять и line-height.
С другой стороны, задав один раз свойство line-height
в виде отношения базового межстрочного расстояния к базовому кеглю, интерлиньяж будет автоматически пересчитываться для соответствующего размера шрифта. Там где нужно явно поменять межстрочное расстояние, указываем его явно.
Коментарии к заметке
Вертикальная сетка. При интерильяже, зависимом от размера шрифта, она поедет.
Покопавшись в их Issues я понял, что пиксели они используют для получения предсказуемой высоты элементов в своей теме. Они напрочь отказываются от относительных единиц или каких-нибудь
emилиrem. Но реальная типографика так не работает. Дизайнеры делают отступы «на глазок». А из-за того, что браузер центрирует строку внутри заданного межстрочного расстояния, если меняется интерлиньяж, то всё начинает плыть. Приходится подправлять верхний и нижний зазоры и т.п.