Как преобразовать интерлиньяж и кернинг, выраженные в стили CSS

Мне дали руководство по дизайну / стилю для веб-сайта, шрифты которого выражены в точках (pt), а также дополнительные настройки интерлиньяжа и кернинга — например, шрифт 40pt, интерлиньяж 60pt, кернинг -30pt.

Я хотел бы использовать em, а не pt или px в CSS, и предполагаю (используя сброс) базовый размер шрифта 16px. Разговор о размере основного шрифта я могу сделать, но я не знаю, что делать с интерлиньяжем и кернингом?

(PS Я знаю, что это означает, что шрифт будет отображаться по-разному на разных устройствах/браузерах, мне просто нужно с чего-то начать.)

[ОБНОВЛЕНИЕ: я создал документ Google с преобразованием pt в px/em]

Ответы (1)

Кернинг равен.class { letter-spacing: Xem; }

Ведущее равно.class { line-height: Xem; }

используйте точно такое же преобразование, которое вы используете для размера шрифта, чтобы получить правильные значения em. 1 пт = 1 пиксель

Возвращаясь к этому v. в конце дня - (и опубликовать курс типографики) - кернинг конкретно относится к парам букв (например, AW, AY и т. д.) и отличается от "отслеживание", которое относится к интервалу между письма вообще. «Интервал между буквами» в стиле CSS относится к «отслеживанию», а не к «кернингу», который напрямую не управляется в CSS. Существуют JS-библиотеки, помогающие в этом, и не очень хорошо поддерживаемый стиль CSS, {text-rendering: optimizeLegibility;}который позволяет браузеру оптимизировать себя.
word-spacingприравнивается к отслеживанию.
Tracking[1] — это пробел между символами, а не словами. Согласно формальному определению расстояния между словами и буквами[2], это делает расстояние между буквами эквивалентным отслеживанию. [1] adobe.com/uk/type/topics/glossary.html#tracking [2] w3.org/TR/CSS2/text.html#spacing-props
Как преобразовать интерлиньяж и кернинг, выраженные в стили CSS
СпросиСетьПолитика конфиденциальности1y, 0v