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.
Chapter One
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.
-
Merriweather
Eine Bildschirm-Textserif mit sehr großer x-Höhe, variabel in Strichstärke, Breite und optischer Größe.
-
Lora
Eine Textschrift mit mäßigem Kontrast, geschwungenen Rundungen und festen Serifen, für Bildschirme optimiert; vier Strichstärken mit Kursiven und Kyrillisch.
-
Libre Baskerville
Eine höhere x-Höhe und weniger Kontrast als ihr Vorbild von 1941, abgestimmt auf das Lesen mit 16 px.
-
PT Serif
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
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
Eine Slab Serif für bequemes Lesen am Bildschirm, variabel von Thin bis Black mit Kursiven.
-
Source Serif 4
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
Zuerst als Schrift einer E-Book-App entstanden; robuste, kontrastarme Serifen mit optischer Größenachse von 7 bis 72.
-
Newsreader
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
Eine Text-Serif mit Bildschirm im Fokus, in sieben Strichstärken mit Kursiven und Kyrillisch.
-
Vollkorn
Eine robuste Text-Serif mit dunklen, kräftigen Serifen, variabel von Regular bis Black mit Kursiv.
-
Gelasio
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
Eine Serif im Garalde-Stil für lange Texte wie Lehrbücher und redaktionelle Websites, variabel über acht Schnitte mit Kursiv.
-
Petrona
Eine kontrastarme Text-Serif mit großer x-Höhe, variabel über neun Schnitte mit Kursiv.
-
Yrsa
Eine Text-Serif zum langen Lesen am Bildschirm, in fünf Schnitten mit Kursiv.
Die Schriftproben laden von jeder Familie ein lateinisches Basis-Subset. Jede Familie hier hat eine offene Lizenz. Auf ihrer Seite stehen die Bedingungen und die Originaldateien.
Fragen zu Serifenschriften zum langen Lesen am Bildschirm
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.