对线之间的间隙感到好奇

Question

下面有两个例子。唯一的区别是示例之间的字体系列，但第二个在行之间有间隙。为什么第二个例子中的行之间有明显的间隙？

HTML：

<span>This is a long text. This is a long text. This is a long text. This is a long text.</span>

Example 1 in JSFiddle

CSS：

span{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 100px;
  background-color: red;
}

结果：

Example 2 in JSFiddle

CSS：

span{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100px;
  background-color: red;
}

结果：

Answer 1

由于某种原因，Arial字体的行高为1.16。您可以使用line-height: 1.0;或更高价值的属性进行更改。