Schrift und Text

Serif oder Sans Serif: so wählst du die richtige Schrift

Die alte Regel lautete: Serifen für den Druck, serifenlos für Bildschirme. Die Bildschirme haben sich geändert, die Regel nicht. Hier steht, was bei der Wahl wirklich zählt.

GradientlyVerifiziertes Gradiently-Konto··5 Min. Lesezeit
Cover: Eucalyptus Fanfare · GR·1BHG·XT

Die Kurzfassung

  • Serifenschriften haben kleine Abschlussstriche an den Enden der Buchstaben, serifenlose Schriften nicht.
  • Keiner der beiden Stile ist verlässlich besser lesbar; Gestaltung der konkreten Schrift, Größe, Abstände und Proportionen zählen mehr.
  • Die Regel „Serifen für Druck, serifenlos für Bildschirme“ stammt aus der Zeit niedrig aufgelöster Displays, und moderne hochauflösende Bildschirme stellen beide gut dar.
  • Serifen wirken eher traditionell, literarisch oder edel, serifenlose Schriften eher modern, direkt oder neutral, doch diese Assoziationen hängen von der konkreten Schrift ab.
  • Viele starke Designs nutzen beide: eine Serifenschrift für Überschriften und eine serifenlose für den Fließtext oder umgekehrt.
Auf dieser Seite

Serif oder Sans Serif ist eher eine Frage der Stimme als der Lesbarkeit. Serifenschriften haben kleine Abschlussstriche, die Serifen, an den Enden ihrer Buchstaben; serifenlose Schriften (sans ist Französisch für ohne) haben sie nicht. Keine ist verlässlich leichter zu lesen. Wähle danach, was die Schrift sagen soll, wo sie gelesen wird und in welcher Größe, und denk daran, dass du beide nutzen kannst.

Was der Unterschied tatsächlich ist

Schau dir die Strichenden eines großen T oder eines kleinen i an. In einer Serifenschrift endet jeder Strich mit einem kleinen Fuß oder einer Kehlung. In einer serifenlosen Schrift hört er einfach auf. Serifenschriften haben außerdem oft mehr Kontrast zwischen dicken und dünnen Strichen, während viele serifenlose Schriften fast gleich dicke Striche haben. Jede Seite ist eine Familie von Stilen, kein einzelner Look.

KategorieMerkmaleBeispiel bei Google FontsWirkt meist
Renaissance-AntiquaWeiche, schräge Achse, mäßiger KontrastEB GaramondLiterarisch, warm
Barock-AntiquaAufrechter, klarerLibre BaskervilleKlassisch, vertrauenswürdig
Klassizistische AntiquaSehr hoher Kontrast, haarfeine SerifenPlayfair DisplayMode, Luxus
Slab SerifKräftige, blockartige SerifenRoboto SlabRobust, selbstbewusst
GroteskEinige Eigenheiten, leichter KontrastWork SansEhrlich, etwas retro
Neo-GroteskGleichmäßig, neutral, geschlossene FormenInterModern, schlicht, wie ein Produkt
Geometrische GroteskAus Kreisen und Linien gebautJostKlar, designorientiert
Humanistische GroteskVon der Handschrift abgeleitet, offene FormenSource Sans 3Freundlich, gut lesbar
Die wichtigsten Familien auf jeder Seite, jeweils mit einem kostenlosen Beispiel. Die Kategorie zu kennen hilft mehr als nur Serif oder Sans.

Eine sehr kurze Geschichte

Serifenbuchstaben gehen auf römische Versalien und Jahrhunderte des Buchdrucks zurück, deshalb tragen Serifen noch immer einen Hauch von Tradition und Büchern. Serifenlose Druckschriften kamen im frühen 19. Jahrhundert auf und wurden zunächst vor allem für Plakate und Auszeichnungen genutzt. Im 20. Jahrhundert machten Designer der Moderne und des Swiss Style serifenlose Schriften zur Stimme von Klarheit und Neutralität. Auf frühen Computerbildschirmen mit wenigen Pixeln pro Buchstabe zerfielen feine Serifen, also wurden serifenlose Schriften der Standard für Oberflächen, und Schriften wie Verdana und Georgia wurden eigens für diese Bildschirme gezeichnet.

Lesbarkeit: der Mythos und was stattdessen zählt

Du liest noch immer, Serifen seien im Druck leichter zu lesen, weil sie das Auge an der Zeile entlangführen, und serifenlose Schriften seien am Bildschirm angenehmer. Als allgemeine Regel stimmt beides nicht. Der Rat für Bildschirme betraf niedrige Auflösung; heutige hochauflösende Handy- und Laptop-Bildschirme stellen Serifen sauber dar. Was Text wirklich lesbar macht, ist die Gestaltung der jeweiligen Schrift und wie sie gesetzt ist.

Zählt weniger, als du denkst

  • Ob die Schrift Serifen hat
  • Die Regel „Serifen für Druck, serifenlos für Screen“
  • Welcher Stil gerade in Mode ist

Zählt mehr

  • Eine großzügige x-Höhe und offene Buchstabenformen
  • Größe, Zeilenabstand und Zeilenlänge
  • Kräftige Striche in kleinen Größen, keine Haarlinien
  • Klare Unterschiede zwischen ähnlichen Zeichen wie I, l und 1

Größe und Abstände sind die größten Hebel, und sie gelten für beide Stile gleichermaßen. Grundlagen der Typografie nennt sinnvolle Standardwerte für beides.

Was Serifen und serifenlose Schriften signalisieren

Schrift trägt Assoziationen, gelernt von dort, wo wir sie schon gesehen haben. Es sind Tendenzen, keine Regeln, und eine konkrete Schrift kann gegen ihre Kategorie arbeiten: Eine verspielte Serifenschrift oder eine formelle serifenlose ist durchaus möglich.

Serifen sagen eher

  • Tradition, Herkunft, Handwerk
  • Redaktionell, literarisch, durchdacht
  • Eleganz, besonders mit hohem Kontrast
  • Wärme, bei weicheren Renaissance-Formen

Serifenlos sagt eher

  • Modern, direkt, effizient
  • Neutral, produktartig, technisch
  • Freundlich, bei runden oder humanistischen Formen
  • Kräftig und laut, in schweren Schnitten

Serif oder Sans Serif für Screen, Druck und Social Media

WoGuter StandardWarum
Beschriftungen und Buttons in OberflächenSerifenlosKleine Größen, robuste Formen, schnelles Erfassen
Langes Lesen am BildschirmBeidesWähle eine Textschrift in großzügiger Größe
Gedruckte Bücher und lange DokumenteBeides, oft SerifKonvention und viele hervorragende Text-Serifenschriften
Überschriften in Social PostsBeides, mit GewichtIn großen Größen zeigen Serifen ihren Charakter
Kleiner Text auf unruhigen HintergründenSerifenlosGleichmäßige Striche überstehen wechselnden Kontrast
Luxus- und Editorial-MarkenOft SerifSerifen mit hohem Kontrast signalisieren Eleganz
Standards, keine Regeln. Die Gestaltung der Schrift selbst zählt mehr als ihre Kategorie.

Auf Handys können die dünnen Teile kontrastreicher Serifen in kleinen Größen verschwinden. Schriften für Social Media zeigt, was hält.

So wählst du für deine Marke

  1. 1

    Benenne die Stimme

    Schreib drei Worte dafür, wie deine Marke klingen soll, etwa ruhig, präzise, warm. Markenpersönlichkeit hilft dabei.

  2. 2

    Wähle nach Kategorie vor, nicht nach Stil

    Warm und literarisch deutet auf Renaissance-Antiqua oder humanistische Grotesk, präzise und modern auf Neo-Grotesk oder Barock-Antiqua.

  3. 3

    Teste deine echten Worte

    Setz deinen Namen, eine Überschrift und einen Absatz in drei Kandidaten, in echten Größen.

  4. 4

    Prüf die praktische Seite

    Schnitte, Kursive, die Sprachen, die du brauchst, und die Lizenz.

  5. 5

    Zieh beide in Betracht

    Eine Serifenschrift für Überschriften und eine serifenlose für den Fließtext oder umgekehrt gibt dir Spielraum. Schriften kombinieren zeigt, wie.

Im Web kannst du dich auch auf die Schriften verlassen, die schon auf den Geräten der Leute sind. Diese Stacks liefern eine gute Serifen- oder serifenlose Schrift ganz ohne Download:

css
.serif {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.sans {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
System-Schrift-Stacks für Serif und Sans Serif. Jeder Browser nutzt die erste Schrift, die er hat, und endet bei der generischen Familie.

Für die größere Entscheidung, inklusive Lizenzen und Sprachen, lies Markenschriften.

Häufige Fragen

Was ist der Unterschied zwischen Serif und Sans Serif?

Serifenschriften haben kleine Abschlussstriche an den Enden der Buchstaben, serifenlose Schriften nicht.

Ist Serif oder Sans Serif leichter zu lesen?

Keine von beiden ist verlässlich leichter. Lesbarkeit hängt mehr von der Gestaltung der konkreten Schrift, ihrer Größe, dem Zeilenabstand und der Zeilenlänge ab.

Sollte ich auf einer Website Serif oder Sans Serif nutzen?

Beides funktioniert auf modernen Bildschirmen. Serifenlose Schriften sind ein sicherer Standard für Oberflächentext, für Text gestaltete Serifenschriften eignen sich gut für langes Lesen in großzügiger Größe.

Kann ich Serif und Sans Serif zusammen nutzen?

Ja. Eine Serifenschrift für Überschriften mit einer serifenlosen für den Fließtext oder umgekehrt ist eine der verlässlichsten Schriftkombinationen.

Diesen Artikel teilen

Geschrieben von GradientlyVerifiziertes Gradiently-Konto

Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.

Unser Profil ansehen