Was ist Typografie-Tester?

Der Typografie-Tester lässt dich Schrifteigenschaften in Echtzeit anpassen und das Ergebnis sofort sehen. Wähle eine Schriftfamilie, stelle Größe, Stärke, Zeilenhöhe und Abstände ein und kopiere das CSS direkt in dein Projekt.

Anleitung

  1. Gib deinen Beispieltext in den Vorschaubereich ein oder füge ihn ein.
  2. Passe die Typografie-Einstellungen an: Schriftfamilie, Größe, Stärke, Zeilenhöhe, Buchstaben- und Wortabstand.
  3. Kopiere die CSS-Ausgabe, um die Typografieeinstellungen direkt in deinem Projekt zu verwenden.

Ergebnis

Ein Webdesigner testet Inter mit 18px, Zeilenhöhe 1,6 und Buchstabenabstand 0,02em und kopiert anschließend das CSS für sein Blog-Stylesheet.

Ähnliche Tools