Свойство CSS «letter-spacing» в Photoshop и браузерах. Формула для расчёта

Для каждого шрифта характерен свой промежуток между символами. Положительное значение свойства letter‑spacing добавляет к каждому символу дополнительное расстояние справа, тем самым увеличивая интервал между буквами. В том числе к символам без ширины, например, ⁠⁠ (неразрывный пробел без ширины). Отрицательное значение, наоборот, уменьшает отступ до следующего символа.

W3C даёт более простое и лаконичное определение:

Свойство letter-spacing определяет расстояние между текстовыми символами.

Другими словами, это способ задать интервалы в тексте. Поддерживает такие значения, как:

• inherit — использует свойство элемента-родителя.
• normal — использует значение по умолчанию.
• length — определяет значение в единицах измерения.

Photoshop не показывает единицу измерения межбуквенного интервала — значение определяется на основе размера шрифта. Но есть такая закономерность: 1000 в Photoshop соответствует 1 em в CSS.

Формула для расчёта letter-spacing в em:

X / 1000 = Y

Где X — значение интервала в Photoshop, а Y-то же значение, выраженное в em для CSS.

Есть и формула для расчёта значения в пикселях:

X * S / 1000 = P

Где X — значение интервала в Photoshop, S — размер шрифта в пикселях (при работе в 72 dpi), и P — значение интервала для CSS.

Написать комментарий