How to calculate Photoshop letter spacing in css px or rem?

Question

Anyone have any idea to how to calculate photoshop letter spacing in css px or rem. Example: I have 140 letter spacing in photoshop. Now, what should be this on CSS? Or is there any way to do this with sass?

Answer 1

Dividing the value in Photoshop by 1000 and setting that result in em gives pixel-perfect results.

For example, let's say in Photoshop you have a letter spacing of 50, the resulting css would be letter-spacing: 0.05em.

Create a simple function to help you do the math everytime:

@function letter-spacing($ps-value) {
    @return ($ps-value / 1000) * 1em
}