我遇到一些@ 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

最佳答案

之前从未见过/.95语法,但是现在经过一些测试,我相信它的工作方式如下:
line-height = 0.95 * font-size = 332.5
所以我认为这是您的问题,字体比线条高
在H1上添加overflow: hidden;应该足够

10-07 19:14
查看更多