Question

所以我知道我的问题非常技术性，但基本上我想知道以下CSS如何影响<p>标签中文本的显示。

p {
letter-spacing:2px;
font-family:"Georgia";
}

我知道Georgia是一种比例字体，设计师花时间在字母之间制作空格，使字体更具可读性和视觉上令人愉悦。

但我的问题是字母间距属性如何影响这种比例？此代码是否将两个像素添加到类型设计器已定义的间距上，或者重置该间距为两个像素？

Answer 1

此属性是字体通常使用的附加属性。因此，1px会增加一个像素。 Sitepoint将其称为“额外”空间（允许使用负值）。

W3C docs说同样的话：

“除了字符之间的默认空格外，此值表示字符间空格。值可能为负数......”

Answer 2

它是任何默认间距的补充。

Answer 3

从我在OSX上的Firefox实验中，使用了一个kerned字体（Arial）而不是格鲁吉亚，我的机器上似乎没有字距，我可以证明间距是现有间距和字距调整，以及可以是加法的，也可以是减法的。

值得一提的是，不同的浏览器和操作系统会替换字体，并且彼此之间的处理方式略有不同，因此无法预测100％字体的呈现方式。