black click pen beside MacBook Pro on table

Einfacher Schriftgrößen-Rechner für deine Website

Heute helfen eine Menge guter Tools beim erstellen von Websites. Angefangen von Diensten wie Squarespace über Open-Source-Produkten bis hin zu professionellen Page-Buildern für WordPress wie z.B. Elementor oder Divi.


Diese Produkte sind toll, lösen jedoch ein Problem nicht: Wie professionell deine Website aussieht, wird maßgeblich durch die Balance der Schriftgrößen beinflusst. Die richtige Größe für den Fließtext hast du schnell gefunden, doch wie gestaltet man am besten die Größen der Überschriften? H1, H2, H3 - für jede Überschriftengattung sollte die Schriftgröße angemessen sein. Die einzelnen Überschriften sollten sich nicht nur gut vom Text abheben sondern auch untereinander die Hierarchie des Textes wiedergeben. Das ist nicht einfach, aber es gibt eine Lösung: Berechnungstools für Schriftgrößen auf Websites.

Das Problem:

Gängige Werkzeuge zur Berechnung von Schriftgrößen auf Websites sind oft kompliziert und gerade für eine einfache Umsetzung nicht geeignet. Type-Scale z.b. gehört sicher zur den bekanntesten und beliebtesten Tools. Für professionelle Designer ist der Ansatz die Schriftgrößen relativ (über EM/REM) anzupassen auch sicherlich gut geeignet. Gerade aber für Einsteiger wird damit alles schnell unübersichtlich und Fehler schleichen sich ein. Beim Einsatz von Page-Builder-Tools in WordPress ist px die deutlich bessere und solidere Maßeinheit für Schriftgrößen. Außerdem berücksichtig Type-Scale nicht die unterschiedlichen Ansprüche der verschiedenen Geräteklassen (Desktop, Tablet, Mobile)

Die Lösung: Unser einfacher Schriftgrößenrechner

Unser Rechner bietet einen einfachen Ansatz: Mit Hilfe der Basisschriftgröße, die du selbst bestimmen kannst, werden dir passende Schriftgrößen für die einzelnen Überschriften- und Geräteklassen generiert. Betrachte diese Größen bitte als Richtlinie. Je nach Schriftart musst du vielleicht ein wenig justieren.


px
px
px
px
px
px
px
px
px
px
px
px
px

Alle Ergebnisse kostenlos per E-Mail

Wenn du dich hier für unseren Newsletter anmeldest, schicken wir dir die errechneten Schriftgrößen kostenlos per E-Mail zu. Dann hast du sie beim erstellen deiner Website immer zur Hand.


>

Schluss mit dem Schriftarten-Chaos.
Hol' Dir unseren Font-Guide!