Что такое трекинг в фотошопе и как его указать в html?

Question

[Людмила]

Добрый день!

Подскажите пожалуйста как трекинг из фотошопа указать в css ..? Дизайнер сдала макет в верстку и указала там трекинг в 140... Что это за зверь? Вернее не так - что это такое я вроде как понимаю, но кто это в CSS ..?

Трекинг – это метод увеличения или уменьшения плотности текстового блока

Как интересно я в CSS могу указать - увеличения плотности текстового блока

Еще кернинг я могу понять - letter-spacing. Но трекинг...

Голову ломаю ... Подскажите плиз.

Comments

[ProjectSoft]

Дизайнер, который не понимает вёрстку, хотя бы принципы, - это не дизайнер.
Я не удивлюсь, если вы встретите в блоке текста перенос с другим межстрочным интервалом.
Вот здесь посмотрите https://stackoverflow.com/questions/2760784/how-to...

Answer 1

[Stalker_RED]

letter-spacing ≈ трекинг.

140 фотошоповского трекинга это letter-spacing: .14em

Answer 2

[McBernar]

Это он и есть.
Трекинг * размер шрифта / 1000 = letter-spacing в пикселях.

Answer 3

[Людмила]

В отличие от кернинга, регулирующего расстояние между знаками в определенных парах («AV», «TA» и пр.), трекинг применяется к группе символов (слово, строка, абзац и т. д.).

Вот гемор-то...)

У меня в макете и кернинг, и трекинг...

Спасибо большое!

Comments

[Владимир]

Zeplin или Avocode спасет. Только макет должен быть сделан с прицелом на них.
А ещё можете попробовать сами загрузить макет в https://www.adobe.com/ua/creativecloud/extract.html он работает прям в адобовском облаке, Фотошоп не нужен.

[Moskus]

А еще лучше - убить дизайнера, который такое делает.

[Froggyweb]

Moskus, нет просто верстальщик лезет куда не надо в результате не может отличить керинг от трекинга.
керинг задается в шрифте и корректируется вручную в крупных заголовках например и то только в полиграфии и то хорошими дизайнерами.