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\u00f6\u00dfen und Abst\u00e4nden entscheidet, ob eine Seite teuer, durchdacht und vertrauensw\u00fcrdig wirkt \u2014 oder amateurhaft und nach Vorlage.<\/p>
Gute Typografie ist unsichtbar. Schlechte Typografie ist f\u00fcr das fl\u00fcchtige Auge ebenfalls unsichtbar, aber sie l\u00e4sst den Eindruck durchsickern, \u201ediese Marke ist nicht ganz stimmig“, und senkt die wahrgenommene Qualit\u00e4t, ohne dass jemand sagen k\u00f6nnte, warum. So sieht gute Web-Typografie tats\u00e4chlich aus, und so erreichen Sie sie, ohne Designer zu werden.<\/p>
Der Amateurfehler auf den meisten Websites ist der Einsatz zu vieler Schriften: eine Serifen-\u00dcberschrift, ein serifenloser Flie\u00dftext, eine Schreibschrift f\u00fcrs Logo, eine Kursive f\u00fcr Zitate und eine eigene Schrift f\u00fcr Buttons. Das Ergebnis wirkt wie eine Typografie-Musterkarte statt wie eine Marke.<\/p>
Der professionelle Standard sind zwei Schriften: eine f\u00fcr \u00dcberschriften (charakterst\u00e4rker, pr\u00e4gt die Pers\u00f6nlichkeit der Marke) und eine f\u00fcr den Flie\u00dftext (ein Arbeitspferd, das in kleinen Gr\u00f6\u00dfen gut lesbar ist). Manchmal eine dritte f\u00fcr sehr spezielle Zwecke wie Datentabellen oder Code. Alles dar\u00fcber hinaus braucht einen guten Grund.<\/p>
Die alte Regel, dass Serifen f\u00f6rmlich und serifenlose Schriften modern seien, ist \u00fcberholt. 2026 kann eine gut gesetzte Serifenschrift zeitgem\u00e4\u00dfer wirken als eine schlecht gesetzte serifenlose \u2014 und umgekehrt. Die eigentlichen Fragen lauten: Hat diese Schrift genug Schnitte f\u00fcr jeden Anwendungsfall (mindestens Regular, Bold, Light, Kursiv)? Rendert sie in den vom Design genutzten Gr\u00f6\u00dfen gut? Passt sie zum Ton der Marke?<\/p>
Der Sydney Morning Herald nutzt Serifen und wirkt autoritativ. Stripe nutzt serifenlose Schriften und wirkt pr\u00e4zise. Beide sehen teuer aus. Die Wahl zwischen Serifen und serifenlos ist weniger wichtig als die Wahl einer sorgf\u00e4ltig gestalteten Schrift.<\/p>
Ein gutes Typo-System hat eine klare Skala. Eine typische modulare Skala f\u00fcr eine Unternehmensseite k\u00f6nnte lauten: 12px (Bildunterschriften), 16px (Flie\u00dftext), 18px (Einleitungsabs\u00e4tze), 24px (H3), 32px (H2), 48px (H1), 64px (Hero-\u00dcberschrift). Jede Stufe ist ein bewusstes Vielfaches der darunterliegenden.<\/p>
Seiten, die Gr\u00f6\u00dfen ad hoc w\u00e4hlen (\u201ediese \u00dcberschrift muss etwas kleiner sein“, \u201ediese etwas gr\u00f6\u00dfer“), enden mit elf verschiedenen Gr\u00f6\u00dfen \u00fcber die ganze Seite und ohne visuellen Rhythmus. Legen Sie die Skala fr\u00fch fest und widerstehen Sie dann dem Drang, neue Gr\u00f6\u00dfen zu erfinden.<\/p>
Der Abstand zwischen Textzeilen (line-height in CSS) ist einer der am meisten untersch\u00e4tzten Faktoren der Typografie. Flie\u00dftext mit einem Zeilenabstand von 1,5 bis 1,7 wirkt entspannt und leicht lesbar. Bei 1,2 wirkt er gedr\u00e4ngt und amateurhaft. \u00dcberschriften wollen oft einen engeren Zeilenabstand (1,1 bis 1,2), um kompakt zu wirken.<\/p>
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\u00e4nde auf der ganzen Seite investiert, ist durchweg sichtbar.<\/p>
Die optimale Zeilenl\u00e4nge zum Lesen liegt zwischen 50 und 75 Zeichen. Ist sie breiter, verliert das Auge den \u00dcberblick, in welcher Zeile es sich befindet. Ist sie schmaler, wird der Rhythmus abgehackt.<\/p>
Auf einer typischen WordPress-Seite sollte die Textspalte f\u00fcr bequemes Lesen ungef\u00e4hr 680 bis 780 Pixel breit sein. Seiten, die den Text auf einem Desktop-Monitor \u00fcber die volle Bildschirmbreite laufen lassen, verschlechtern das Leseerlebnis ungewollt.<\/p>
Hochwertige Schriften sind l\u00e4ngst keine Budgetfrage mehr. Google Fonts und Bunny Fonts hosten beide Tausende Schriften kostenlos. Einige, die 2026 besonders gut f\u00fcr Unternehmensseiten zusammenpassen: Inter (eine klare, moderne serifenlose Schrift), Manrope (eine etwas charakterst\u00e4rkere serifenlose), Source Serif 4 (eine exzellente Serifen-Flie\u00dftextschrift), Fraunces (eine kontrastreiche Display-Serifenschrift) und IBM Plex (eine ganze Familie, die sich gut mischen l\u00e4sst).<\/p>
Sie brauchen keine kostenpflichtige Schrift, um teuer zu wirken. Sie brauchen sorgf\u00e4ltig gew\u00e4hlte Schrift, konsequent angewandt.<\/p>
Das h\u00e4ufigste typografische Versagen auf einer Unternehmensseite ist, die Standardstile des Themes zu \u00fcbernehmen und nie zu \u00e4ndern. Das Theme w\u00e4hlte eine generische Schrift, setzte einen generischen Zeilenabstand und nutzt \u00fcberall nur einen Schriftschnitt. Die Seite ist technisch funktionsf\u00e4hig \u2014 und sie sieht zugleich ununterscheidbar aus von tausend anderen Seiten mit demselben Theme.<\/p>