Wie viele Schriftarten sollte eine Website haben? Die Zwei-Familien-Antwort, richtig gemacht

design · Oct 6, 2026 · 5 min read

eins oder zwei. Das ist die ganze Antwort, und im Rest dieses Beitrags geht es darum, das richtig zu machen, denn der interessante Fehler sind nicht „sieben Schriftarten“, sondern die schlecht gewählte Paarung von zwei Schriftarten oder die eine Schriftart, deren Gewichtsdateien stillschweigend Sekunden kosten.

warum die Decke zwei ist

Jede Schriftart auf der Seite ist eine Stimme. Eine Stimme, die über alle Gewichte und Größen hinweg verwendet wird, wirkt absichtlich – wie eine Person, die überall in ihrem eigenen Ton spricht. Jede weitere Stimme wirft die Frage auf: „Warum klingt das anders?“ und Besucher spüren die Inkonsistenz, bevor sie sie benennen können. Die Multi-Font-Seite ist der typografische Cousin der Too-many-Colors-Seite und landet auf derselben Liste von Tells in what makes a website look cheap.

Die Seite der Profis, die Sie bewundern, verwendet wahrscheinlich eine Familie. Seine Fülle ergibt sich aus den Stärken – normal, mittel, fett – und aus der Skala: drei oder vier Textgrößen, die konsequent verwendet werden. Vielfalt der Hierarchie, Einheitlichkeit der Familie.

das Zwei-Familien-Muster, wenn man das zweite nimmt

die klassische Aufteilung, die funktioniert: eine Anzeigeschrift für Überschriften, ein Arbeitstier für alles andere. Die Anzeigeschrift trägt Persönlichkeit; Der Arbeitshammer trägt Absätze, Formulare und Knöpfe. Die Paarungsregeln, die verhindern, dass etwas schief geht:

• Kontrast auf einer Achse. Wählen Sie eine Serifendarstellung über einem sanslosen Schriftkörper oder eine geometrische Darstellung über einem humanistischen Schriftkörper – Schriftarten, die sich deutlich unterscheiden. Zwei Schriftarten, die fast übereinstimmen, werden als Fehler und nicht als Wahl interpretiert.

• Das Arbeitstier muss tatsächlich funktionieren. Überschriften erscheinen in Dutzenden von Größen; Der Fließtext enthält Hunderte von Wörtern auf einem Bildschirm. Testen Sie die Körperschrift in kleinen Größen auf einem Telefon, bevor Sie sich für die Persönlichkeit entscheiden.

• Die dritte Schriftart benötigt einen Job. Gelegentlich ein Mono für Code, ein Skript für ein Signaturelement. Das ist eine Rolle mit einem Namen und einer Stelle, an der sie erscheinen soll – sobald die „besondere“ Schriftart an drei Stellen erscheint, ist sie Dekoration und sollte verschwinden.

  Die Kosten, die Ihnen niemand nennt: Schriftartdateien

Hier ist der Teil, der die Wahl der Schriftart zu einer Leistungsentscheidung macht, nicht nur zu einer ästhetischen. Jede von Ihnen geladene Schriftstärke ist eine Datei, die der Browser des Besuchers herunterladen muss, bevor der Text richtig aussieht. eine Familie, die bei vier Strichstärken verwendet wird, besteht aus vier Dateien; zwei Familien mit jeweils drei Gewichten sind sechs. und Text ist beim ersten Malen sichtbar, sodass Schriftartdateien direkt auf dem Ladepfad liegen, der core web vitals misst – die langsame Schriftart wird als unsichtbarer Text angezeigt, der spät ausgetauscht wird, was Besucher als Idioten empfinden.

die Regeln, die dafür sorgen, dass es schnell geht: Normalerweise reichen zwei Strichstärken aus (normal, fett); Laden Sie nur die Zeichen, die Sie benötigen (Teilmenge); und bevorzugen moderne Formate. Einer der leisesten Geschwindigkeitsgewinne auf den meisten Websites besteht darin, einfach die drei Gewichte zu löschen, die sowieso niemand unterscheiden kann.

wie man ohne Designer wählt

• Bleiben Sie bei der Systemschriftart. Wirklich unterschätzt: Die native Schriftart des Geräts des Besuchers wird sofort geladen, ist perfekt lesbar und kostet nichts. Diese Website verwendet eine benutzerdefinierte Anzeigeoberfläche, aber für einen Großteil der Arbeit ist das System stapelbar – die Mischung ist bewusst.

• Wenn Sie benutzerdefiniert vorgehen, wählen Sie eine Familie mit vielen Gewichtungen aus und verwenden Sie diese anstelle einer zweiten Familie. Eine variable Schriftart kann jede Schriftstärke in einer einzigen Datei speichern, was das Beste von beiden ist.

• Stehlen Sie die Paarung, nicht die Site. Wenn Sie eine Site sehen, deren Typ Sie bewundern, prüfen Sie sie: verwendete Schriftarten, wie viele Strichstärken, welche Schriftart für Überschriften. Durch die Nachahmung der Struktur wird der Geschmack trainiert.

  FAQ: die Fragen, die ich tatsächlich bekomme

Sind die Standardvorlagenschriftarten schlecht?

Sie sind sicher und überstrapaziert – was ein echter Kritikpunkt ist, da das Aussehen wie jede andere Website ein eigenes Problem darstellt. Aber allein die Änderung der Schriftart der Überschrift und die Beibehaltung des Textkörpers verändern das Gefühl für eine Stunde Arbeit.

Kann ich die Schriftart meines Logos auf der Website verwenden?

oft schlecht: Logo-Schriftarten sind Display-Designs mit winzigen Zeichensätzen. Wenn es ein vollständiges Alphabet mit lesbaren Strichstärken enthält, verwenden Sie es nur für Überschriften. niemals für Fließtext.

Muss ich für Schriftarten bezahlen?

Viele hervorragende Familien sind kostenlos (Google Fonts lizenziert alles für die Webnutzung). Bezahlte Schriftarten kaufen Einzigartigkeit, nicht Qualität – zahlen Sie, wenn sich alle kostenlosen Optionen in Anspruch nehmen, und nicht als Standard.