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

CSS

小小

2020-03-24

任何人都对如何计算CSS px或rem中的Photoshop字母间距有任何想法。示例:我在Photoshop中有140个字母间距。现在,在CSS上应该是什么?还是有什么办法可以用sass做到这一点?

第3630篇《如何计算css px或rem中的Photoshop字母间距?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
GO 2020.03.24

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

例如,假设您在Photoshop中字母间距为50,则结果CSS为letter-spacing: 0.05em

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android