Можно ли задавать letter-spacing в процентах или только в пикселях?

Question

[Raul Abdullin]

Можно ли в верстке задавать letter-spacing в процентах или только в пикселях?

Answer 1

[arsenty]

h1, p { letter-spacing: calc(1em / 5); } /* letter-spacing: 20% от размера шрифта */
h1 { font-size: 3em; }
p { font-size: 1em; }

Передайте своим разработчикам.

Answer 2

[approximate solution]

Если перевести - для letter-spacing, если вы хотите добиться эффекта когда шрифт ужимается в зависимости от ширины блока родителя, используется не обычный %, а vw -
letter-spacing: 1vw к примеру.

Comments

[Raul Abdullin]

дело в том, что я дизайнер, и предоставил разработчикам дизайн, в котором для шрифтом указан letter-spacing в процентах. Насколько я понимаю в Figma процент обозначает зависимость от размера шрифта. Разработчики говорят, что веб стандарты не поддерживают такие проценты и просят в пикселях предоставить информацию.

[approximate solution]

Raul Abdullin, Все правильно говорят, веб стандарты поддерживают - пиксели, относительные единицы измерения - em\rem, и размер в зависимости от размера ширины родителя(vw). Вам нужно em\rem именно они зависят от размера шрифта. Указывается базовый размер шрифта - допустим 16 px, и он плавно уменьшается\увеличивается.

[Raul Abdullin]

approximate solution, т.е. при использованиее em/rem мне необязательно им letter-spacing в пикселях предоставлять?

[approximate solution]

Raul Abdullin, https://medium.com/@stasonmars/%D1%80%D0%B0%D0%B7%...

Вот это почитайте, вы как дизайнер должны об этом знать.

[Raul Abdullin]

approximate solution, это я знаю, меня интересует именно работа с letter-spacing

[approximate solution]

Raul Abdullin, В данном случае скидывайте либо в em\rem, либо в px. Так как просит верстальщик \ разработчик.

[Raul Abdullin]

approximate solution, ок, спасибо