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.