Developer

Line Height Rechner

Berechnet die Zeilenhöhe in px, em und unitless für gut lesbare Typografie.

Wozu dient der Line Height Rechner?

Der Line Height Rechner berechnet die Zeilenhöhe für gut lesbaren Text und gibt sie in Pixel, em und als einheitslosen Faktor aus. Praktisch für Webentwickler und Designer, die den optimalen Zeilenabstand für eine bestimmte Schriftgröße festlegen wollen.

Du gibst die Schriftgröße in Pixel und einen Zeilenhöhe-Faktor an. Der Rechner zeigt dir die resultierende Zeilenhöhe in allen drei gebräuchlichen Schreibweisen. Der einheitslose Wert ist in CSS meist die beste Wahl, weil er sich relativ zur Schriftgröße verhält. Die Berechnung läuft komplett im Browser.

Beispiele

  • Schriftgröße 16 px, Faktor 1,5: Zeilenhöhe 24 px, also 1.5em oder unitless 1.5.
  • Schriftgröße 18 px, Faktor 1,6: Zeilenhöhe 28,8 px, angenehm für längere Fließtexte.
  • Überschrift 32 px, Faktor 1,2: Zeilenhöhe 38,4 px, kompakter für große Schrift.

Häufige Fragen zum Line Height Rechner

Welcher Faktor ist für Fließtext ideal?

Für gut lesbaren Fließtext liegt der einheitslose Faktor meist zwischen 1,4 und 1,6. Große Überschriften wirken mit etwas geringeren Werten um 1,2 oft stimmiger.

Warum den einheitslosen Wert nutzen?

Ein einheitsloser line-height-Wert wird relativ zur jeweiligen Schriftgröße eines Elements berechnet. Das verhindert Vererbungsprobleme, die bei festen px- oder em-Werten auftreten können.

Hängt die ideale Zeilenhöhe von der Zeilenlänge ab?

Ja, längere Textzeilen profitieren von etwas mehr Zeilenabstand, damit das Auge die nächste Zeile leichter findet. Kurze Spalten kommen mit weniger aus.

Werden meine Eingaben gespeichert?

Nein. Alle Berechnungen laufen ausschließlich im Browser. Es werden keine Daten gesendet oder gespeichert.

Ist das Tool kostenlos?

Ja, vollständig kostenlos und ohne Registrierung.