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

Question

У меня возникла странная проблема с текстом @ font-face, в котором есть некоторые странные дополнения (или, по крайней мере, вертикальное пространство), включенные в текст. Это вызывает проблемы, потому что я хочу, чтобы текст позиционировался определенным образом, но не может перекрывать его. Вот картина того, что происходит:

Как вы можете видеть, когда выбран текст, текст перекрывает часть навигационной панели над ним. Я попытался настроить высоту линии и отступы, поля, все, что я могу придумать. Вот соответствующий CSS, есть ли у кого-нибудь предложение о том, как я могу получить высоту линии вокруг высоты фактического текста.

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

EDIT: Вот живой пример проблемы: 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, чтобы изменить цвет выделенного текста.