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

Har*_*hul 16 css photoshop sass

任何人都知道如何计算css px或rem中的photoshop字母间距.示例:我在photoshop中有140个字母间距.现在,CSS应该是什么?或者有没有办法与sass这样做?

小智 15

将Photoshop中的值除以1000并将结果设置em为像素完美结果.

例如,假设在Photoshop中你的字母间距为50,产生的css就是letter-spacing: 0.05em.

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

@function letter-spacing($ps-value) {
    @return ($ps-value / 1000) * 1em
}
Run Code Online (Sandbox Code Playgroud)

  • 可能你是对的,我也试过你的代码,但我发现它并不是那么精确.因为它在photoshop中可视化.但一路感谢你的努力. (5认同)
  • @HardenRahul预计不准确,但不是因为史蒂夫的答案(他完全正确),而是因为Photoshop和浏览器之间的字体渲染差异. (4认同)
  • 更一般地说,这意味着没有100%的确切答案. (2认同)