在文本的奇怪的垂直的空间

Question

我在@ font-face文本中遇到一个奇怪的问题，其中文本中包含一些奇怪的填充（或至少是垂直空间）。它导致了问题，因为我希望文本以某种方式定位但不能与其他东西重叠。这是正在发生的事情的图片：

正如您在选择文本时所看到的那样，文本与其上方的某些导航栏重叠。我已经尝试调整线条高度和填充，边距，我能想到的任何东西。这是相关的CSS，是否有人建议如何使线的高度在实际文本的高度附近。

  *{ margin: 0; padding: 0; }
  h1#logo { font: 350px/.95 'Bebas Neue'; color: #DDD; text-align: center; margin: 1px 0; }

编辑：以下是问题的实例：http://codezroz.com/stuff/hello.html

Answer 1

之前从未见过/.95语法，但经过几次测试之后，我相信它的工作原理如下：
line-height = 0.95 * font-size = 332.5
所以我认为这是你的问题，字体比线路高 在H1上添加overflow: hidden;就足够了

Answer 2

好吧，将overflow: hidden应用于h1#logo会阻止选择突出显示从流血到元素之外的区域。

另请记住，您可以使用:selection伪元素更改所选文本的颜色。