带p{字母间距: 6px;}的<p>field<p>未正确地行距

Question

很抱歉在标题中包含了代码，但这是解释我的小问题的最简单的方法。

使用以下html：

<p>the field of</p>

以及所附的CSS：

p {letter-spacing: 6px;}

“f”、“i”和“e”的空格不正确。

我想知道为什么会发生这种情况，以及如何解决这个问题。

下面是这个问题的一个小图片，您可以看到它：

​

​

Answer 1

我怀疑这可能是字体和/或OS错误。你在哪看到这个的？

总的说来，这一工作与预期的一样。(见这个JSFiddle)

我使用的代码与您使用的代码相同：

<p>the field of</p>

使用

p {letter-spacing: 6px;}

我看到了想要的结果

Answer 2

这取决于字体和浏览器呈现它的方式。

尝试使用网页字体，然后检查它在火狐，Chrome等。