CSS 字母间距和比例字体

Question

4

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

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

我知道Georgia是一种比例字体，设计师花费了时间精心制作字母之间的间距，以使字体更易读和视觉上更美观。

但我的问题是，字符间距属性如何影响这种比例性？这段代码是将两个像素添加到类型设计师已定义的间距中，还是重置那个间距为两个像素？

- James Jackson

3个回答

1

这是除了任何默认间距之外的额外间距。

- Cynthia

1

从我在OSX上使用Firefox进行的实验来看，使用有字距调整的字体（Arial）与没有字距调整的Georgia相比，在我的机器上似乎没有字距调整，我可以证明间距是在现有间距和字距调整的基础上增加或减少的。

值得一提的是，不同的浏览器和操作系统会替换字体，并略微不同地处理它们，这使得无法100％预测任何字体将如何呈现。

- Billy Moon

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Michael Haren · Accepted Answer

这个属性会在字体通常使用的基础上增加额外的空间。因此，1像素将使其增加一个像素。Sitepoint 称其为“额外”空间（允许负值）。 W3C文档也是这样说的：

“该值表示除了字符之间的默认空格之外的字符间距。值可以是负数…”