Er is ruime keuze aan fonts, maar je kunt niet alle drukwerk fonts gebruiken op websites. Het is namelijk mogelijk dat er geen webfont is van jouw font naar keuze. Of dat het font heel duur is om op een website te gebruiken.
Ook de fontgrootte die je gebruikt in het ontwerp is erg belangrijk.
Gebruik een fontgrootte van 16px voor de body text
Een veel voorkomend probleem bij het maken van een grafisch ontwerp voor een website is dat grafisch ontwerpers vaak geweldige computers met monitoren met een hoge resolutie gebruiken maar de gemiddelde bezoeker van de uiteindelijke website niet.
Er moet dus rekening gehouden worden dat een ontwerp dat er goed uitziet op een 27 inch 5K iMac heel grof en groot is op een een doorsnee laptop of desktop computer van een bezoeker van de uiteindelijke website.
Op dit moment van schrijven (februari 2021) bekijkt ongeveer 25% van de bezoekers een website op een monitor van 1366x 768 pixels (oude laptop) en 19.2% op een monitor van 1920 x 1080px (laptop en oude computer monitor). Dat is dus een veel kleiners scherm dan waar de gemiddelde ontwerper zijn grafisch ontwerpen op maakt.
99% van de websites heeft een bodytext van 16px. Als je die fontgrootte als uitgangspunt neemt en de rest van de website in verhouding met die fontgrootte ontwerpt dan kan het bijna al niet meer misgaan.
Af en toe de resolutie van je monitor aanpassen naar een resolutie van 1920 x 1080 px geeft je ook een goed idee hoe de meerderheid van de bezoekers in de toekomst de website getoond krijgt.
Tip: gebruik een verouderde computer om tijdens het ontwerpen je ontwerp te checken. Wij hebben bijvoorbeeld zelf een oude gammele PC met een monitor van 1920 x 1080px op de kop getikt voor 200 euro en controleren hierop voor publicatie elke webpagina die we maken en kijken hoe deze pagina overkomt op mensen met een display met een lagere resolutie.
Standaard op elke computer / browser aanwezige fonts
Je kan de standaard fonts gebruiken die op elke computer / browser aanwezig zijn (Arial, Verdana, Tahoma, Trebuchet MS, Impact, Times New Roman en Didot). Met gebruik van deze fonts krijgt je website vaak een ouderwetse look.
Deze standaard fonts op elke browser / computer worden bijna allemaal al vanaf het begin van het internet gebruikt. Bovendien is de keuze heel beperkt en passen de beschikbare fonts misschien niet goed bij je ontwerp.
Zelf gekozen Fonts gebruiken op websites
Je kunt ook webfonts kopen, Adobe Fonts gebruiken of een font omzetten naar webfonts met Font Squirrel. Wij raden in onze Top 10 Tips het gebruik aan van Google Fonts. Hieronder leggen we uit waarom wij het liefst Google Fonts gebruiken. Ook zetten we de voor- en nadelen van gekochte fonts, Adobe Fonts en Font Squirrel fonts op een rij.
Een toelichting op onze voorkeur voor Google Fonts: ze zijn gratis, er is veel keuze en er zijn enorm veel mooie Google Fonts. Bovendien kan je Google Fonts downloaden om op je computer te gebruiken voor het ontwerp voor de website en zelfs voor drukwerk.
