如何在css px或rem中计算Photoshop字母间距？

Question

任何人都知道如何计算css px或rem中的photoshop字母间距。 示例：我在photoshop中有140个字母间距。 现在，CSS应该是什么？ 或者有没有办法用sass做到这一点？

Answer 1

将Photoshop中的值除以1000并将结果设置为em会得到像素完美的结果。

例如，假设在Photoshop中你的字母间距为50，结果css为letter-spacing: 0.05em。

创建一个简单的函数来帮助您每次都进行数学运算：

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