css - 如何计算 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
}