Die meisten Unternehmer holen sich beim Website-Briefing Meinungen zu Logos, Farben und Bildern ein. Nur wenige fragen nach der Typografie. Das ist eine verpasste Chance, denn Typografie leistet auf einer Website mehr visuelle Arbeit als jedes andere einzelne Element. Die Wahl von Schriftarten, Größen und Abständen entscheidet, ob eine Seite teuer, durchdacht und vertrauenswürdig wirkt — oder amateurhaft und nach Vorlage.
Gute Typografie ist unsichtbar. Schlechte Typografie ist für das flüchtige Auge ebenfalls unsichtbar, aber sie lässt den Eindruck durchsickern, „diese Marke ist nicht ganz stimmig“, und senkt die wahrgenommene Qualität, ohne dass jemand sagen könnte, warum. So sieht gute Web-Typografie tatsächlich aus, und so erreichen Sie sie, ohne Designer zu werden.
Zwei Schriften, nicht fünf
Der Amateurfehler auf den meisten Websites ist der Einsatz zu vieler Schriften: eine Serifen-Überschrift, ein serifenloser Fließtext, eine Schreibschrift fürs Logo, eine Kursive für Zitate und eine eigene Schrift für Buttons. Das Ergebnis wirkt wie eine Typografie-Musterkarte statt wie eine Marke.
Der professionelle Standard sind zwei Schriften: eine für Überschriften (charakterstärker, prägt die Persönlichkeit der Marke) und eine für den Fließtext (ein Arbeitspferd, das in kleinen Größen gut lesbar ist). Manchmal eine dritte für sehr spezielle Zwecke wie Datentabellen oder Code. Alles darüber hinaus braucht einen guten Grund.
Serife oder serifenlos ist nicht die Frage
Die alte Regel, dass Serifen förmlich und serifenlose Schriften modern seien, ist überholt. 2026 kann eine gut gesetzte Serifenschrift zeitgemäßer wirken als eine schlecht gesetzte serifenlose — und umgekehrt. Die eigentlichen Fragen lauten: Hat diese Schrift genug Schnitte für jeden Anwendungsfall (mindestens Regular, Bold, Light, Kursiv)? Rendert sie in den vom Design genutzten Größen gut? Passt sie zum Ton der Marke?
Der Sydney Morning Herald nutzt Serifen und wirkt autoritativ. Stripe nutzt serifenlose Schriften und wirkt präzise. Beide sehen teuer aus. Die Wahl zwischen Serifen und serifenlos ist weniger wichtig als die Wahl einer sorgfältig gestalteten Schrift.
Größe und Hierarchie
Ein gutes Typo-System hat eine klare Skala. Eine typische modulare Skala für eine Unternehmensseite könnte lauten: 12px (Bildunterschriften), 16px (Fließtext), 18px (Einleitungsabsätze), 24px (H3), 32px (H2), 48px (H1), 64px (Hero-Überschrift). Jede Stufe ist ein bewusstes Vielfaches der darunterliegenden.
Seiten, die Größen ad hoc wählen („diese Überschrift muss etwas kleiner sein“, „diese etwas größer“), enden mit elf verschiedenen Größen über die ganze Seite und ohne visuellen Rhythmus. Legen Sie die Skala früh fest und widerstehen Sie dann dem Drang, neue Größen zu erfinden.
Der Zeilenabstand zählt mehr, als Sie denken
Der Abstand zwischen Textzeilen (line-height in CSS) ist einer der am meisten unterschätzten Faktoren der Typografie. Fließtext mit einem Zeilenabstand von 1,5 bis 1,7 wirkt entspannt und leicht lesbar. Bei 1,2 wirkt er gedrängt und amateurhaft. Überschriften wollen oft einen engeren Zeilenabstand (1,1 bis 1,2), um kompakt zu wirken.
Die meisten Standard-WordPress-Themes werden mit einem Zeilenabstand von 1,5 ausgeliefert, der nie angepasst wird. Die Verbesserung, wenn man eine halbe Stunde in die Feinabstimmung der Zeilenabstände auf der ganzen Seite investiert, ist durchweg sichtbar.
Das Satzmaß: die Länge einer Zeile
Die optimale Zeilenlänge zum Lesen liegt zwischen 50 und 75 Zeichen. Ist sie breiter, verliert das Auge den Überblick, in welcher Zeile es sich befindet. Ist sie schmaler, wird der Rhythmus abgehackt.
Auf einer typischen WordPress-Seite sollte die Textspalte für bequemes Lesen ungefähr 680 bis 780 Pixel breit sein. Seiten, die den Text auf einem Desktop-Monitor über die volle Bildschirmbreite laufen lassen, verschlechtern das Leseerlebnis ungewollt.
Kostenlose Schriften, die teuer aussehen
Hochwertige Schriften sind längst keine Budgetfrage mehr. Google Fonts und Bunny Fonts hosten beide Tausende Schriften kostenlos. Einige, die 2026 besonders gut für Unternehmensseiten zusammenpassen: Inter (eine klare, moderne serifenlose Schrift), Manrope (eine etwas charakterstärkere serifenlose), Source Serif 4 (eine exzellente Serifen-Fließtextschrift), Fraunces (eine kontrastreiche Display-Serifenschrift) und IBM Plex (eine ganze Familie, die sich gut mischen lässt).
Sie brauchen keine kostenpflichtige Schrift, um teuer zu wirken. Sie brauchen sorgfältig gewählte Schrift, konsequent angewandt.
Woran die meisten Seiten scheitern
Das häufigste typografische Versagen auf einer Unternehmensseite ist, die Standardstile des Themes zu übernehmen und nie zu ändern. Das Theme wählte eine generische Schrift, setzte einen generischen Zeilenabstand und nutzt überall nur einen Schriftschnitt. Die Seite ist technisch funktionsfähig — und sie sieht zugleich ununterscheidbar aus von tausend anderen Seiten mit demselben Theme.
Die Lösung ist ein eintägiger Typo-Durchgang: zwei Schriften wählen, eine Größenskala festlegen, Zeilenabstände bewusst setzen, das Satzmaß begrenzen und die Änderungen konsequent anwenden. Das Webdesign-Team von Defyn führt einen solchen Typo-Durchgang bei den meisten Design-Auffrischungen durch, und der Zuwachs an wahrgenommener Qualität ist meist schon innerhalb des ersten Arbeitstags sichtbar.
Typografie ist die leiseste Markeninvestition, die ein Unternehmen tätigen kann. Sie ist zugleich eine der wirkungsvollsten. Machen Sie es einmal richtig, und jede Seite, die Sie in den nächsten drei Jahren veröffentlichen, wirkt durchdacht.
