Икс-сайз Простая CSS-only альтернатива Capsize

«Икс-сайз» обрезает строку текста до высоты букв. Это позволяет управлять отступами, как в дизайнерских программах вроде «Индизайна» и «Скетча».

Загрузите шрифт в формате WOFF2, OTF или TTF:

Нажмите для загрузки

Перетащите файл или кликните для загрузки

Что дальше

Убедитесь, что в метриках файла нет расхождений. Интерлиньяж будет «плавать» в разных браузерах, если метрики для Мака и Виндоуса отличаются.

How to fix inconsistent vertical metrics in web fonts. Max Kohler

Заполифильте lh, если важна поддержка старых браузеров.

<length>: lh unit. Can I use

Прочитайте статью о вертикальных отступах в ЦСС. Если что-то идёт не по плану и вы хотите разобраться, в чём причина.

Вертикальные отступы на ЦСС. С точностью до пикселя

Прожмите реакцию