Seltsam vertikaler Raum auf Text

Question

Ich habe ein seltsames Problem mit einigen @ font-face Text, wo es einige seltsame Polsterung (oder zumindest vertikalen Raum) mit dem Text enthalten. Es verursacht Probleme, weil ich Text wollen eine gewisse Art und Weise positioniert zu werden, kann aber nicht überlappende es andere Dinge. Hier ist ein Bild von dem, was geschieht:

Wie Sie sehen können, wenn der Text ausgewählt ist, überlappt der Text einen Teil der Navigationsleiste darüber. Ich habe versucht, die Zeilenhöhe anpassen und Polsterung, Margen, alles, was ich denken kann. Hier ist der relevante CSS, hat jemand einen Vorschlag, wie ich die Höhe der Linie bekommen kann die Höhe des eigentlichen Textes zu sein, um.

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

Bearbeiten : Hier ist ein anschauliches Beispiel für das Problem ist: http: / /codezroz.com/stuff/hello.html

Answer 1

die /.95 Syntax noch nie gesehen, aber nach ein paar Tests jetzt glaube ich es funktioniert wie:
line-height = 0.95 * font-size = 332.5
so dass ich denke, das ist Ihr Problem ist die Schrift größer als die Linie
Hinzufügen overflow: hidden; auf dem H1 sollte genug

sein

Answer 2

Nun, overflow: hidden zu h1#logo Anwendung gestoppt, um die Auswahlmarkierung aus in Bereiche Blutungen, die außerhalb des Elements waren.

Denken Sie auch daran, dass man die verwenden :selection Pseudoelement die Farbe zu ändern, der ausgewählte Text.