Text @字体面嵌入字体高度问题

使用@font-face生成的文本的CSS对齐有问题。出于某种原因，在每个字母的底部都有大量的额外空间，使文本的包含框向下延伸太远

如果你看一下上面的文字，你就能明白我的意思

我已经在谷歌上搜索并查看了很多其他页面，但这一页让我难住了。有人能帮忙吗

谢谢

您正在使用标签。 对于h标记，使用CSS样式的边距和填充来删除这些额外的空格

<style>
h2 {
   margin:0;
   padding:0;
}
</style>

您正在使用标签。 对于h标记，使用CSS样式的边距和填充来删除这些额外的空格

<style>
h2 {
   margin:0;
   padding:0;
}
</style>

---

对于初学者来说，计算的行高度是65px，因此如果需要，您可以将其定义为60px

---

然而，大部分空间实际上只是您选择的字体所需要的。虽然您已经用CSS将其转换为大写，但字体仍然需要空间来渲染绘制在文本基线以下的字符。尝试在标题文本中添加一个逗号，你会发现它实际上相当大，应该会填满大部分空白。

对于初学者来说，计算的行高是65px，因此如果需要，可以将其定义为60px

---

然而，大部分空间实际上只是您选择的字体所需要的。虽然您已经用CSS将其转换为大写，但字体仍然需要空间来渲染绘制在文本基线以下的字符。尝试在标题文本中添加逗号，你会发现它实际上相当大，应该会填满大部分空白。

事实上，他使用CSS重置来实现这一点。事实上，他使用CSS重置来实现这一点。我也认为会是这样，但我查看了其他一些嵌入了Gothic的网站，他们似乎没有这个问题。查看hugsformonsters.com或snook.ca上的标题，了解我在说什么。即使我调整了行距，它似乎仍然希望空间分布不均匀。表面上的差异实际上是因为你的字体更大。通过修改测试页面上的一些CSS，我设置了标题的字体大小，并添加了一些与上相同的文本。看看间距比较，你会发现实际上这只是缩放的结果。当字体那么大的时候，它的发音会非常明显。谢谢你指出这一点，没问题。我必须检查自己，以确保情况属实，呵呵。这是一个相当大的空间，但我想如果它成为一个问题，就应该不太难进行样式化。当节点设置回线高度：1；时，计算的线高度下降到60px；。但你完全正确。当计算后代时，文本正确居中。我也认为会是这样，但我查看了其他一些嵌入哥特式联盟的网站，它们似乎没有这个问题。查看hugsformonsters.com或snook.ca上的标题，了解我在说什么。即使我调整了行距，它似乎仍然希望空间分布不均匀。表面上的差异实际上是因为你的字体更大。通过修改测试页面上的一些CSS，我设置了标题的字体大小，并添加了一些与上相同的文本。看看间距比较，你会发现实际上这只是缩放的结果。当字体那么大的时候，它的发音会非常明显。谢谢你指出这一点，没问题。我必须检查自己，以确保情况属实，呵呵。这是一个相当大的空间，但我想如果它成为一个问题，就应该不太难进行样式化。当节点设置回线高度：1；时，计算的线高度下降到60px；。但你完全正确。当考虑下行时，该文本正确居中。