Переносим межбуквенный интервал из Фотошопа в CSS

::: разработка, фронтенд, css, типографика
Виллу Тоотс. Современный шрифт.

Межбуквенный интервал в Фотошопе регулирует расстояние между символами в тексте. В CSS это свойство letter-spacing. Проблема в том, что межбуквенный интервал в Фотошопе не конвертируется 1:1 к межбуквенному интервалу в CSS.

Межбуквенный интервал letter-spacing в Фотошопе

Хотя это легко считается по пропорции 1000 межбуквенного интервала в Фотошопе = 1em в CSS.

Все что вам нужно, это разделить число из Фотошопа на 1000, чтобы получить значение в em.

Примеры

В фотошопе|В CSS 1000|1em 200|0.2em 30|0.03em 10|0.01em