Zeilenhöhen-Rechner

Was Zeilenhöhe bedeutet und was dieser Rechner liefert

Sie geben eine positive Schriftgröße in CSS-Pixeln und ein positives einheitenloses Verhältnis an; die Engine liefert die normalisierte Schriftgröße, das Verhältnis, die berechnete Zeilenhöhe in Pixeln, das Methoden-Tag line_height, die für die Rundung verwendete Präzision und eine kurze Formel-Erinnerung als String. Ungültige Eingaben lösen invalid_input aus, darunter fehlende Schriftgröße oder fehlendes Verhältnis, nicht endliche Werte, Größenordnungen oberhalb der dokumentierten Obergrenze und jede nicht positive Schriftgröße, da eine Schriftgröße von null oder darunter keine sinnvolle Zeilenbox definieren kann. Der Ablauf ist deterministisch, sodass dieselben Eingaben stets dieselben gerundeten Zahlen liefern — für Arbeitsblätter, Unit-Tests, Design-Token-Generatoren und API-Konsumenten, die keinen Abstand erfinden dürfen.

Wie Schriftgröße und Verhältnis gelesen werden und wie Ergebnisse reproduzierbar bleiben

Optionale führende Pluszeichen und wissenschaftliche Notation bei numerischen Zeichenketten sind erlaubt, sofern sie sich als endliche Dezimalzahlen parsen lassen; eingebettete Leerzeichen, Hex-Präfixe und nicht-numerische Token werden mit einer klaren Meldung zurückgewiesen, damit eine fehlerhafte Zelle nicht zu einer falschen Zeilenhöhe wird. Auch das Verhältnis muss positiv sein: Ein Multiplikator von null würde die Zeilenbox kollabieren lassen, und ein negatives Verhältnis ist in diesem Modell kein gültiges CSS-Zeilenhöhen-Produkt. Die bevorzugten Feldnamen sind font_size für die Größe in CSS-Pixeln und ratio für den einheitenlosen Multiplikator, aber Aliase wie fontSize, size, fs und px für die Größe sowie line_height_ratio, lineHeight, multiplier und lh für das Verhältnis werden akzeptiert, sodass Tabellenkalkulationen, Query-Strings und typisierte Formulare einen einzigen Vertrag wiederverwenden können. Null und negative Schriftgrößen schlagen immer mit invalid_input fehl, passend zur Produktregel, dass Zeilenhöhen-Arithmetik für nicht positive Schriftgrößen undefiniert ist. Ein optionales precision-Feld mit den Aliasen decimals und dp legt fest, wie viele Dezimalstellen für alle numerischen Ausgaben angezeigt werden; der Standardwert ist zehn, die Obergrenze fünfzehn, damit JSON-Goldens über Laufzeiten hinweg stabil bleiben. Kombinieren Sie den kostenlosen Browser-Lauf auf dieser Seite mit der kostenpflichtigen API, wenn Sie das identische mathematische Ergebnis in einer automatisierten Pipeline oder einem Design-Token-Build benötigen, ohne die Multiplikation selbst neu zu implementieren.

Wo Pixel-Zeilenhöhen in Design-Systemen, CSS und Lehre Anwendung finden

Frontend-Entwickler nutzen dieselbe Arithmetik, wenn sie CSS-Custom-Properties aus einer Token-JSON-Datei erzeugen, eine Type Ramp in Storybook dokumentieren oder Snapshot-Tests schreiben, die eine line-height von vierundzwanzig für eine Sechzehn-Pixel-Fließtextgröße erwarten. Auf dieser Seite läuft die Berechnung vollständig in Ihrem Browser; über die API kostet jede erfolgreiche Abfrage $0.002, eine fehlgeschlagene Validierung wird nicht berechnet, und nach der Antwort wird nichts gespeichert. Diese Aufteilung — freie interaktive Erkundung und eine kostenpflichtige, identische API — entspricht dem übrigen Tier-A-Katalog von KIT und erlaubt den Übergang von einer Design-Kritik zu einer automatisierten Token-Pipeline, ohne das mathematische Ergebnis zu verändern.