Странное вертикальное пространство на тексте

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
так что я думаю, что это ваша проблема, шрифт выше, чем линия
добавление overflow: hidden; на H1 должно быть достаточно

Answer 2

Что ж, применение overflow: hidden к h1#logo остановило выделение выделения от кровотечения в области, находящиеся за пределами элемента.

Также помните, что вы можете использовать псевдоэлемент :selection, чтобы изменить цвет выделенного текста.