Serif-fonts voor lang lezen op schermen
Tekstserifs getekend voor schermen of voor lang lezen: grote x-hoogtes, gematigd contrast en echte cursieven voor artikelen, blogs en documentatie.
Chapter One
Enkele duizenden woorden op een scherm lezen is een andere toets dan een kop even bekijken. Het lettertype moet verdwijnen, en op schermen hangt dat af van een paar meetbare dingen. Een grote x-hoogte laat kleine letters bij dezelfde fontgrootte groter ogen, wat telt bij 16 tot 18 pixels. Gematigd lijncontrast voorkomt dat dunne delen flikkeren of wegvallen op schermen met lage dichtheid, de gebruikelijke mislukking van drukserifs die ongewijzigd naar het web zijn verhuisd. Stevige schreven en open binnenruimtes houden gelijkende letters uit elkaar.
Kijk naast de lettervormen ook naar wat de familie bevat. Lange tekst heeft een echte cursief nodig voor titels en nadruk, en een bold die duidelijk donkerder is dan de regular. Een as voor optische grootte is in deze groep een echt voordeel: hij verdikt fijne lijnen en vergroot de spatiëring bij kleine maten en verscherpt het ontwerp voor koppen, alles in één fontbestand. Met families met een gewichtsas kun je de regular licht bijstellen, wat helpt bij lichte tekst op een donkere achtergrond. Houd de regelbreedte op ongeveer 60 tot 75 tekens en de regelafstand rond 1,5.
-
Merriweather
Een tekstserif voor schermen met een zeer grote x-hoogte, variabel in gewicht, breedte en optische grootte.
-
Lora
Een tekstfont met gematigd contrast, penseelachtige rondingen en stevige schreven, geoptimaliseerd voor schermen; vier gewichten met cursieven en Cyrillisch.
-
Libre Baskerville
Een hogere x-hoogte en lager contrast dan het voorbeeld uit 1941, afgestemd op lezen op 16 pixels.
-
PT Serif
Getekend voor doorlopend lezen, met gematigd contrast, stevige schreven en een vrij hoge onderkast; Regular en Bold met cursieven, Latijns en Cyrillisch.
-
Noto Serif
Gematigd contrast, solide schreven met rondingen en een hoge onderkast, gericht op tekst; negen gewichten met cursieven voor Latijns, Cyrillisch en Grieks.
-
Bitter
Een slab serif gemaakt voor comfortabel lezen op schermen, variabel van Thin tot Black met cursieven.
-
Source Serif 4
Gemaakt om qua verhoudingen en tekstkleur aan te sluiten bij de bijbehorende sans, met een as voor optische grootte van 8 tot 60 en acht gewichten met cursieven.
-
Literata
Eerst gemaakt als lettertype van een e-bookapp; stevige schreven met laag contrast en een as voor optische grootte van 7 tot 72.
-
Newsreader
Getekend voor lang, ononderbroken lezen op schermen vol inhoud, met een as voor optische grootte van 6 tot 72 en zeven gewichten met cursieven.
-
Spectral
Een tekstserif die uitgaat van het scherm, in zeven gewichten met cursieven en Cyrillisch.
-
Vollkorn
Een stevig tekstfont met schreven, met donkere, vlezige schreven, variabel van Regular tot Black met cursieven.
-
Gelasio
Getekend voor doorlopend lezen, met matig contrast en zacht afgeronde lijneinden; vier gewichten met cursieven op een gewichtsas van 400 tot 700.
-
Crimson Pro
Een Garalde-achtig font met schreven voor lange teksten zoals studieboeken en redactionele websites, variabel over acht gewichten met cursieven.
-
Petrona
Een tekstfont met schreven en laag contrast met een grote x-hoogte, variabel over negen gewichten met cursieven.
-
Yrsa
Een tekstfont met schreven voor lang lezen op schermen, in vijf gewichten met cursieven.
De voorbeelden laden een eenvoudige Latijnse subset van elke familie. Elke familie hier heeft een open licentie; op de eigen pagina staan de voorwaarden en de originele bestanden.
Vragen over serif-fonts voor lang lezen op schermen
Zijn serif-fonts moeilijker te lezen op schermen?
Niet op huidige schermen. Het oude advies stamt uit de tijd van monitoren met lage resolutie. Een serif met een grote x-hoogte en gematigd contrast leest prettig op normale tekstgroottes.
Welke maat moet lopende tekst op een website hebben?
Begin bij 16 tot 18 pixels voor lopende tekst en stel op het oog bij, want fonts met een grote x-hoogte ogen groter dan hun nominale maat. Houd regels op ongeveer 60 tot 75 tekens.
Mag ik deze fonts gebruiken op een commerciële site of in een e-boek?
Ja. Hun open licenties staan commercieel gebruik en insluiting in websites, apps en e-boeken toe. Download de familie en host de bestanden zelf.
Wat doet een as voor optische grootte voor tekst?
Hij past de tekening aan de grootte aan. Bij kleine maten worden lijnen steviger en de spatiëring ruimer; bij grote maten worden details fijner. De browser kan dit automatisch toepassen.