Как расчитать межбуквенное расстояние из Photoshop
- 18 октября, 2022
- 8:55 пп
- Нет комментариев
Все очень просто.
В CSS мебуквенное расстояние обозначается, как letter-spacing.
Свойство letter-spacing определяет расстояние между текстовыми символами.
Все очень просто.
В CSS мебуквенное расстояние обозначается, как letter-spacing.
Свойство letter-spacing определяет расстояние между текстовыми символами.
Другими словами, это способ задать интервалы в тексте. Поддерживает такие значения, как:
- inherit — использует свойство элемента-родителя.
- normal — использует значение по умолчанию.
- length — определяет значение в единицах измерения.
Вычисление интервала из Photoshop
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.
Похожие записи
08.04.2024
Комментариев нет
06.03.2024
Комментариев нет
19.02.2024
Комментариев нет
