Stell dir vor, du betrittst ein Geschäft. Das Türschild ist in einer eleganten Schreibschrift gehalten, die Preisschilder nutzen Comic Sans, und an der Wand hängt eine Speisekarte in Times New Roman. Würdest du diesem Laden vertrauen? Wahrscheinlich nicht. Genau so fühlt sich eine Website an, auf der Schriften wild durcheinander gewürfelt werden - nur dass Besucher hier noch schneller weiterklicken als sie einen Laden verlassen würden.
Typografie ist eines der am meisten unterschätzten Elemente im Webdesign. Dabei beeinflusst sie massiv, wie professionell, vertrauenswürdig und einladend eine Website wirkt. In diesem Artikel zeige ich dir, warum inkonsistente Schriften ein echtes Problem sind, welche typografischen Grundregeln du kennen solltest und wie du mit wenigen Entscheidungen das Gesamtbild deiner Website deutlich verbesserst.
Schrift ist nicht Dekoration. Schrift transportiert deine Botschaft - und zwar auf zwei Ebenen gleichzeitig. Auf der offensichtlichen Ebene liest dein Besucher den Inhalt. Auf der unterschwelligen Ebene bewertet er, ob du kompetent und seriös wirkst. Und diese zweite Ebene passiert in Bruchteilen von Sekunden, lange bevor ein einziges Wort bewusst gelesen wird.
Inkonsistente Typografie sendet ein klares Signal: Hier hat sich niemand Gedanken gemacht. Wenn die Überschriften auf der Startseite eine andere Schrift verwenden als auf der Kontaktseite, wenn Fließtexte zwischen zwei verschiedenen Schriftgrößen springen oder wenn Buttons mal fett, mal kursiv, mal in Versalien beschriftet sind - dann entsteht visuelles Rauschen. Und das untergräbt Vertrauen.
Denk an eine gut gestaltete Visitenkarte: eine Schrift, vielleicht zwei. Klare Hierarchie. Name groß, Kontaktdaten kleiner. Alles aufgeräumt. Jetzt stell dir eine Visitenkarte mit fünf verschiedenen Schriften vor. Du würdest sie sofort als billig einordnen - egal, wie hochwertig das Papier ist. Deine Website funktioniert genauso. Typografie ist der erste Eindruck in Textform.
In unserer täglichen Arbeit sehen wir bestimmte Muster immer wieder. Hier sind die drei Fehler, die am häufigsten vorkommen - und die gleichzeitig am einfachsten zu beheben sind.
Die goldene Regel: Maximal zwei Schriftarten pro Website. Eine für Überschriften, eine für den Fließtext. Mehr braucht es in den allermeisten Fällen nicht. Jede zusätzliche Schrift erzeugt nicht mehr Vielfalt, sondern mehr Unruhe.
Warum passiert es trotzdem so oft? Weil Page-Builder und WordPress-Themes Zugriff auf hunderte Google Fonts bieten. Die Versuchung ist groß, auf jeder Seite etwas Neues auszuprobieren. Aber Auswahl ist nicht dasselbe wie gute Gestaltung. Ein Koch, der zwanzig Gewürze in ein Gericht kippt, macht kein besseres Essen.
Hierarchie bedeutet: Der Besucher erkennt sofort, was eine Hauptüberschrift ist, was eine Zwischenüberschrift und was Fließtext. Das funktioniert über Schriftgröße, Schriftschnitt (normal, fett, kursiv) und Abstände. Wenn diese Hierarchie nicht durchgängig eingehalten wird, verliert der Text seine Struktur - und dein Besucher die Orientierung.
Ein konkretes Beispiel: Deine H2-Überschriften sind auf der Startseite 28 Pixel groß und fett, auf der Über-uns-Seite aber 24 Pixel und nur halbfett. Das fällt den meisten Besuchern nicht bewusst auf, aber unterbewusst registriert das Gehirn die Inkonsistenz. Die Website fühlt sich irgendwie zusammengeschustert an, ohne dass jemand genau sagen könnte, warum.
Nicht jede schöne Schrift ist eine gute Bildschirmschrift. Feine Serifenschriften, die im Druck elegant wirken, können auf kleinen Bildschirmen unleserlich werden. Umgekehrt gibt es Schriften, die speziell für die Darstellung an Displays optimiert sind.
Dazu kommt die Zeilenlänge: Fließtext, der sich über die gesamte Bildschirmbreite erstreckt, ist anstrengend zu lesen. Ideal sind erfahrungsgemäß 60 bis 80 Zeichen pro Zeile. Und der Zeilenabstand? Mindestens das 1,4- bis 1,6-fache der Schriftgröße - sonst klebt der Text zusammen und wird zur Textwand.
Du musst kein Grafik-Designer sein, um solide typografische Entscheidungen zu treffen. Hier ist ein Fahrplan, der in der Praxis funktioniert:
In WordPress ist die Typografie oft an das verwendete Theme gekoppelt. Viele Themes bringen eigene Schrifteinstellungen mit, die sich über den Customizer oder spezielle Theme-Optionen anpassen lassen. Das Problem: Wenn du zusätzlich Plugins oder Page-Builder nutzt, die ihre eigenen Schrifteinstellungen mitbringen, entstehen schnell Konflikte. Plötzlich laden drei verschiedene Google-Font-Pakete, die Ladezeit steigt, und die typografische Konsistenz geht verloren.
Unser Ansatz ist deshalb, Typografie nicht dem Theme zu überlassen, sondern sie gezielt im Gesamtkonzept der Website zu definieren. Bei individuell entwickelten Websites wird die Schriftwahl von Anfang an als Teil des Designs behandelt - nicht als nachträgliche Einstellung im Backend.
Typografie ist nur ein Baustein von vielen. Aber sie ist symptomatisch dafür, wie ernst ein Unternehmen seinen Webauftritt nimmt. Eine durchdachte Schriftwahl signalisiert: Hier steckt ein Konzept dahinter. Hier hat jemand mitgedacht. Und das überträgt sich auf die Wahrnehmung des gesamten Unternehmens.
Gerade für Unternehmen und Selbstständige, die im lokalen Umfeld überzeugen wollen, macht das einen Unterschied. Wenn ein potenzieller Kunde zwischen zwei Anbietern vergleicht und eine Website wirkt aufgeräumt und die andere chaotisch - dann ist die Entscheidung oft schon gefallen, bevor das Angebot gelesen wurde.
Fox Bytes entwickelt moderne Websites für Unternehmen, Selbstständige und Organisationen aus Mühldorf am Inn und dem gesamten Landkreis Mühldorf. Als lokaler Ansprechpartner setzen wir auf individuelle Websites statt Baukastenlösungen - und dazu gehört, dass typografische Details von Anfang an stimmen und nicht nachträglich irgendwie hingebogen werden.
Typografie muss nicht kompliziert sein. Aber sie muss bewusst sein. Hier deine Checkliste zum Abhaken:
Wenn du beim Blick auf deine Website merkst, dass die Schriften eher zufällig als geplant wirken, dann nimm dir eine Stunde Zeit und geh diese Liste durch. Oft reicht es schon, eine überflüssige Schriftart zu entfernen und Größen zu vereinheitlichen, um das Gesamtbild spürbar zu verbessern.
Und wenn du das Thema lieber von Anfang an richtig angehen willst: Schau dir an, wie wir Webdesign-Projekte umsetzen - von der Schriftwahl bis zum fertigen Ergebnis.
