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

[Canonical HTML page](https://gradiently.design/de/guide/serif-vs-sans-serif)

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.

## The short version

- 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.

**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.

| Kategorie | Merkmale | Beispiel bei Google Fonts | Wirkt meist |
| --- | --- | --- | --- |
| Renaissance-Antiqua | Weiche, schräge Achse, mäßiger Kontrast | EB Garamond | Literarisch, warm |
| Barock-Antiqua | Aufrechter, klarer | Libre Baskerville | Klassisch, vertrauenswürdig |
| Klassizistische Antiqua | Sehr hoher Kontrast, haarfeine Serifen | Playfair Display | Mode, Luxus |
| Slab Serif | Kräftige, blockartige Serifen | Roboto Slab | Robust, selbstbewusst |
| Grotesk | Einige Eigenheiten, leichter Kontrast | Work Sans | Ehrlich, etwas retro |
| Neo-Grotesk | Gleichmäßig, neutral, geschlossene Formen | Inter | Modern, schlicht, wie ein Produkt |
| Geometrische Grotesk | Aus Kreisen und Linien gebaut | Jost | Klar, designorientiert |
| Humanistische Grotesk | Von der Handschrift abgeleitet, offene Formen | Source Sans 3 | Freundlich, 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](https://gradiently.design/de/guide/typography-basics) 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

| Wo | Guter Standard | Warum |
| --- | --- | --- |
| Beschriftungen und Buttons in Oberflächen | Serifenlos | Kleine Größen, robuste Formen, schnelles Erfassen |
| Langes Lesen am Bildschirm | Beides | Wähle eine Textschrift in großzügiger Größe |
| Gedruckte Bücher und lange Dokumente | Beides, oft Serif | Konvention und viele hervorragende Text-Serifenschriften |
| Überschriften in Social Posts | Beides, mit Gewicht | In großen Größen zeigen Serifen ihren Charakter |
| Kleiner Text auf unruhigen Hintergründen | Serifenlos | Gleichmäßige Striche überstehen wechselnden Kontrast |
| Luxus- und Editorial-Marken | Oft Serif | Serifen 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](https://gradiently.design/de/guide/fonts-for-social-media) zeigt, was hält.

## So wählst du für deine Marke

1. **Benenne die Stimme** Schreib drei Worte dafür, wie deine Marke klingen soll, etwa *ruhig, präzise, warm*. [Markenpersönlichkeit](https://gradiently.design/de/guide/brand-personality) hilft dabei.
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. **Teste deine echten Worte** Setz deinen Namen, eine Überschrift und einen Absatz in drei Kandidaten, in echten Größen.
4. **Prüf die praktische Seite** Schnitte, Kursive, die Sprachen, die du brauchst, und die Lizenz.
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](https://gradiently.design/de/guide/font-pairing) 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](https://gradiently.design/de/guide/brand-fonts).

## FAQ

### 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.