# Serifenschriften zum langen Lesen am Bildschirm

> Textschriften mit Serifen, die für Bildschirme oder für langes Lesen gezeichnet sind: große x-Höhen, mäßiger Kontrast und echte Kursive für Artikel, Blogs und Dokumentation.

Mehrere tausend Wörter am Bildschirm zu lesen ist eine andere Probe als ein flüchtiger Blick auf eine Überschrift. Die Schrift muss verschwinden, und das hängt am Bildschirm von ein paar messbaren Dingen ab. Eine große x-Höhe lässt Kleinbuchstaben bei gleicher Schriftgröße größer wirken, was bei 16 bis 18 Pixeln zählt. Mäßiger Strichkontrast verhindert, dass dünne Partien auf Displays mit geringer Dichte flimmern oder wegfallen, der übliche Fehler von Druckschriften, die unverändert ins Web übernommen werden. Kräftige Serifen und offene Punzen halten ähnliche Buchstaben auseinander.

Prüfe über die Buchstabenformen hinaus, was die Familie enthält. Langer Text braucht eine echte Kursive für Titel und Hervorhebungen und eine Bold, die deutlich dunkler ist als die Regular. Eine Achse für die optische Größe ist in dieser Gruppe ein echter Vorteil: Sie macht feine Striche bei kleinen Größen kräftiger und die Abstände lockerer und schärft das Design für Überschriften, alles in einer Font-Datei. Mit einer Stärkenachse lässt sich die Regular leicht anpassen, was hilft, wenn heller Text auf dunklem Grund steht. Wähle eine Zeilenlänge von etwa 60 bis 75 Zeichen und einen Zeilenabstand nahe 1,5.

How these were chosen: Serifenfamilien und Slab-Serif-Familien, die für Fließtext getaggt sind und deren Einträge ein Design für Bildschirm oder Text beschreiben; Display-Serifen und historische Wiederbelebungen stehen an anderer Stelle.

## Fonts (15)

- [Merriweather](https://trendhub.net/de/fonts/merriweather.markdown) (Serif, 14 Schnitte · variabel, OFL): Eine Bildschirm-Textserif mit sehr großer x-Höhe, variabel in Strichstärke, Breite und optischer Größe.
- [Lora](https://trendhub.net/de/fonts/lora.markdown) (Serif, 8 Schnitte · variabel, OFL): Eine Textschrift mit mäßigem Kontrast, geschwungenen Rundungen und festen Serifen, für Bildschirme optimiert; vier Strichstärken mit Kursiven und Kyrillisch.
- [Libre Baskerville](https://trendhub.net/de/fonts/libre-baskerville.markdown) (Serif, 8 Schnitte · variabel, OFL): Eine höhere x-Höhe und weniger Kontrast als ihr Vorbild von 1941, abgestimmt auf das Lesen mit 16 px.
- [PT Serif](https://trendhub.net/de/fonts/pt-serif.markdown) (Serif, 4 Schnitte, OFL): Für fortlaufendes Lesen gezeichnet, mit mäßigem Kontrast, kräftigen Serifen und recht hohen Kleinbuchstaben; Regular und Bold mit Kursiven, Lateinisch und Kyrillisch.
- [Noto Serif](https://trendhub.net/de/fonts/noto-serif.markdown) (Serif, 18 Schnitte · variabel, OFL): Mäßiger Kontrast, solide Serifen mit Kehlung und hohe Kleinbuchstaben, auf Text ausgerichtet; neun Strichstärken mit Kursiven für Lateinisch, Kyrillisch und Griechisch.
- [Bitter](https://trendhub.net/de/fonts/bitter.markdown) (Slab Serif, 18 Schnitte · variabel, OFL): Eine Slab Serif für bequemes Lesen am Bildschirm, variabel von Thin bis Black mit Kursiven.
- [Source Serif 4](https://trendhub.net/de/fonts/source-serif-4.markdown) (Serif, 16 Schnitte · variabel, OFL): Abgestimmt auf Proportionen und Textfarbe der zugehörigen serifenlosen Schrift, mit einer Achse für die optische Größe von 8 bis 60 und acht Strichstärken mit Kursiven.
- [Literata](https://trendhub.net/de/fonts/literata.markdown) (Serif, 16 Schnitte · variabel, OFL): Zuerst als Schrift einer E-Book-App entstanden; robuste, kontrastarme Serifen mit optischer Größenachse von 7 bis 72.
- [Newsreader](https://trendhub.net/de/fonts/newsreader.markdown) (Serif, 14 Schnitte · variabel, OFL): Für langes, ungestörtes Lesen auf inhaltsreichen Bildschirmen gezeichnet, mit einer Achse für die optische Größe von 6 bis 72 und sieben Strichstärken mit Kursiven.
- [Spectral](https://trendhub.net/de/fonts/spectral.markdown) (Serif, 14 Schnitte, OFL): Eine Text-Serif mit Bildschirm im Fokus, in sieben Strichstärken mit Kursiven und Kyrillisch.
- [Vollkorn](https://trendhub.net/de/fonts/vollkorn.markdown) (Serif, 12 Schnitte · variabel, OFL): Eine robuste Text-Serif mit dunklen, kräftigen Serifen, variabel von Regular bis Black mit Kursiv.
- [Gelasio](https://trendhub.net/de/fonts/gelasio.markdown) (Serif, 8 Schnitte · variabel, OFL): Für kontinuierliches Lesen gezeichnet, mit mittlerem Kontrast und weich gerundeten Enden; vier Schnitte mit Kursiv auf einer Gewichtsachse von 400 bis 700.
- [Crimson Pro](https://trendhub.net/de/fonts/crimson-pro.markdown) (Serif, 16 Schnitte · variabel, OFL): Eine Serif im Garalde-Stil für lange Texte wie Lehrbücher und redaktionelle Websites, variabel über acht Schnitte mit Kursiv.
- [Petrona](https://trendhub.net/de/fonts/petrona.markdown) (Serif, 18 Schnitte · variabel, OFL): Eine kontrastarme Text-Serif mit großer x-Höhe, variabel über neun Schnitte mit Kursiv.
- [Yrsa](https://trendhub.net/de/fonts/yrsa.markdown) (Serif, 10 Schnitte · variabel, OFL): Eine Text-Serif zum langen Lesen am Bildschirm, in fünf Schnitten mit Kursiv.

## FAQs

### Sind Serifenschriften am Bildschirm schwerer zu lesen?

Nicht auf heutigen Displays. Der alte Rat stammt von Monitoren mit niedriger Auflösung. Eine Serifenschrift mit großer x-Höhe und mäßigem Kontrast liest sich in normalen Textgrößen angenehm.

### Wie groß sollte der Fließtext auf einer Website sein?

Beginne mit 16 bis 18 Pixeln für den Fließtext und stelle nach Augenmaß nach, denn Schriften mit großer x-Höhe wirken größer als ihre Nenngröße. Halte die Zeilen bei etwa 60 bis 75 Zeichen.

### Kann ich diese Fonts auf einer kommerziellen Website oder in einem E-Book verwenden?

Ja. Ihre offenen Lizenzen erlauben die kommerzielle Nutzung und das Einbetten in Websites, Apps und E-Books. Lade die Familie herunter und hoste die Dateien selbst.

### Was bringt eine Achse für die optische Größe bei Text?

Sie verändert die Zeichnung mit der Größe. In kleinen Größen werden die Striche kräftiger und die Abstände lockerer, in großen Größen werden die Details feiner. Der Browser kann das automatisch anwenden.

## Related collections

- [Old-Style- und Revival-Serifen für Bücher](https://trendhub.net/de/fonts/for/old-style-serif-fonts-for-books.markdown)
- [Humanistische serifenlose Fonts für gut lesbaren Text](https://trendhub.net/de/fonts/for/humanist-sans-serif-fonts.markdown)
- [Fonts für Zeitungen und Magazine](https://trendhub.net/de/fonts/for/newspaper-and-magazine-fonts.markdown)
- [Variable Fonts mit Achse für die optische Größe](https://trendhub.net/de/fonts/for/variable-fonts-with-optical-size.markdown)
- [Serifenschriften für wissenschaftliche Texte](https://trendhub.net/de/fonts/for/fonts-for-academic-writing.markdown)
- [Slab-Serif-Fonts](https://trendhub.net/de/fonts/for/slab-serif-fonts.markdown)

---

Source: https://trendhub.net/de/fonts/for/serif-fonts-for-long-reading (trendhub)
