CSS 字母间距和比例字体答案

【问题标题】：CSS letter-spacing and proportional fontsCSS 字母间距和比例字体
【发布时间】：2012-08-06 16:18:06
【问题描述】：

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

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

我知道 Georgia 是一种比例字体，设计师花时间制作字母之间的空间以使字体更具可读性和视觉效果。

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

【问题讨论】：

【解决方案1】：

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

W3C docs 说了同样的话：

"该值表示字符间除了默认的空格外还有字符间的空格。值可能是负数..."

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

从我在 OSX 上的 Firefox 上的实验中，使用紧缩字体（Arial）而不是在我的机器上似乎没有紧缩的 Georgia，我可以证明间距是现有间距和紧缩的补充，并且可以是加法，也可以是减法。

还值得一提的是，不同的浏览器和操作系统会替换字体，并且对它们的处理方式也略有不同，因此无法 100% 预测任何字体的渲染方式。

【讨论】：