
leading-trim
— это предлагаемое новое свойство CSS, которое позволяет нам удалить лишние интервалы в каждом шрифте, чтобы мы могли более предсказуемо стилизовать текст. Итан Ван писал об этом, в том числе о том, как Microsoft отстаивает его, и что теперь он является частью спецификации Inline Layout Module Level 3 .
Вы бы использовали это так:
1 2 3 4 |
h1 { leading-trim: both; text-edge: cap alphabetic; } |
Это говорит браузеру, что нужно посмотреть файл шрифта, изучить показатели OpenType и эффективно выполнить то, что Итан демонстрирует в этой гифке:
Что ж, это позволит нам правильно размещать текст внутри кнопки без каких-либо странных хаков, и мы также сможем установить предсказуемые значения интервала между различными элементами.