将在Photoshop中设置的字母跟踪值转换为CSS中等效的字母间距 [英] Convert letter-tracking value set in Photoshop to equivalent letter-spacing in CSS

问题描述

我目前正在建造一个PSD的网站。大多数字体的字母跟踪为-25（< -AV-> ：我猜这是字母间距的符号？）。 p>

我如何在CSS中获得相同的效果？我知道这个属性是 letter-spacing：X ，但是它不占用百分比，-25px或者pts是一个很大的数字！

<您可以使用 em 维而不是 px >，因此调整相对于字体大小的间距（所以photoshop的25％是在 .25em 的地方）。

I am currently building a site from a PSD. Most of the fonts have a letter-tracking of -25 ( <- AV-> : I'm guessing that is the symbol for letter spacing?).

How would I get the same effect in CSS? I know the property is letter-spacing: X but it doesn't take percentages and -25px or pts would be a huge figure!

解决方案

You can use the em dimension instead of px, thus sizing the spacing relative to the font size (so photoshop's 25% is somewhere around .25em).

这篇关于将在Photoshop中设置的字母跟踪值转换为CSS中等效的字母间距的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！