Photoshop跟踪CSS字间距？

将photoshop里面的文字跟踪设置为-2。Photoshop跟踪CSS字间距？

如果CSS内部字间距设置为-2px，看起来不一样。我怎样才能将-2的photoshop文本跟踪复制到CSS word-spacing中？

我一直在网上寻找转换，但它似乎并不正确。

在此先感谢！

2013-07-21 user2482397

Photoshop和HTML在不同的空间与不同的测量工作，所以这是比较正常的，通常是没有快速解决。你可以展示一些你有什么样的屏幕截图以及你喜欢它吗？ –

也许它是在pt ..尝试'-2pt'或'-2em' – tobspr

[将字母跟踪值设置为Photoshop中的等效字母间距]在CSS中可能重复（https://stackoverflow.com/questions/13509752 /转换字母跟踪值集合的Photoshop到等效字母间距-在-c）的 – davidcondrey

根据Photoshop tutorial，“Photoshop中的字距和跟踪值基于1/1000 em”。文字跟踪会影响字符之间的间距，而不是字词因此，将文本跟踪设置为-2的CSS对应将是letter-spacing: 0.002em。

但是，在大多数浏览器中，这不会有任何影响，因为0.002em是如此之小的数量。如果字体大小为数百个点，则可能会看到一个像素的差异。在Firefox上，如果该设置应用于长字符串，则可能会出现效果; Firefox大概会在内部使用像素的小数部分来计算字符的位置，因此即使是非常小的字母间距值也可能会产生累积效果。

一般而言，您不应该期望文本渲染的细节在各浏览器中相同，或者在浏览器中与Photoshop相同。

来源

2013-07-21 12:29:23

我认为CSS中的letter-spacing应该是-0.002em。

下面是计算：

1000 = 1em; 
100 = 0.1em; 
10 = 0.01em; 
1 = 0.001em; 
-2 = -0.002em

来源

2016-04-11 14:17:06

Photoshop跟踪CSS字间距？

回答

相关问题