letter-spacingをペーセントで指定したい

Question

前提・実現したいこと

letter-spacingのプロパティに指定された4%をpxに置換したい。

デザイナーさんから上がってきたデザインに

letter-spacing: 4%;

と指定があります。
実際コーディングすると添付画像のように無効になります。

発生している問題・エラーメッセージ

試したこと

4%を置換出来ないか調べてみたのですがいい感じの記事も見つからず困っています。
letter-spacng: 4%; を指定された場合 px に置換できる方法はありますでしょうか？？

デザイナーさんの使用ソフトはfigmaでletter-spacng: 4%に出来るみたいです。
デザイナーさんにも聞いていますがコーディング側の知見も欲しく投稿しました。

詳しい方いましたらよろしくお願いいたします。

追記

デザイナー案

実際

Comments

[maisumakun]

「何に対して」4%、を意図した実装なのでしょうか？

[退会済みユーザー]

あっ、なるほどです。
figmaのファイル見ると全体に4%指定なので
「letter-spacing: .4vh;」であっていますでしょうか？？

> 「何に対して」4%、を意図した実装なのでしょうか？
（画面幅に対して4%だと思います）

[maisumakun]

> 画面幅に対して4%だと思います

文字と文字の間をそんなに広くしたいのですか？

[退会済みユーザー]

> 文字と文字の間をそんなに広くしたいのですか？

実際に letter-spacing: .4vh; で実装するとデザイナーのfigmaと同じ行間になりました..
（デザイナー案と実際の分を追記しました）

[Lhankor_Mhy]

.4vh は「画面の高さの0.4%」という意味です。画面幅の4%なら 4vw ですね。念のため。

[退会済みユーザー]

間違えました...
vwでした。
おっしゃる通り4% = 4vwですね。。（.4 = 0.4%ですね）

Answer 1

ググったところ em に対するパーセンテージのようでしたので、0.04emでいいのではないかな、と思いました。

Comments

[退会済みユーザー]

ありがとうございます！