leading-trim— это предлагаемое новое свойство CSS, которое позволяет нам удалить лишние интервалы в каждом шрифте, чтобы мы могли более предсказуемо стилизовать текст. Итан Ван писал об этом, в том числе о том, как Microsoft отстаивает его, и что теперь он является частью спецификации Inline Layout Module Level 3 .

Вы бы использовали это так:

h1 { 
 leading-trim: both;
 text-edge: cap alphabetic;
}

Это говорит браузеру, что нужно посмотреть файл шрифта, изучить показатели OpenType и эффективно выполнить то, что Итан демонстрирует в этой гифке:

Что ж, это позволит нам правильно размещать текст внутри кнопки без каких-либо странных хаков, и мы также сможем установить предсказуемые значения интервала между различными элементами.