Welke lettertypes kun je gebruiken in websites?
Is het je wel eens opgevallen dat er op het web maar een handjevol verschillende lettertypes voor de teksten van websites wordt gebruikt? In dit artikel meer hierover.
Geplaatst op dinsdag 19 mei 2009
In je communicatie wil je zoveel mogelijk één herkenbare huisstijl gebruiken. Dit geldt ook voor de vormgeving, opmaak, kleuren en de toon van de website. Toch zie je dat op sites vaak de zelfde lettertypes worden gebruikt.
Op je internetsite kun je niet altijd het lettertype toepassen dat je gebruikt voor drukwerk. Dit heeft een technische reden. Het heeft alleen zin om lettertypes te gebruiken die op de computer van je bezoekers geïnstalleerd zijn. Je kunt de teksten van je site wel in een minder gangbaar lettertype opmaken, maar dit zal slechts zo op het scherm verschijnen bij mensen bij wie dat lettertype ook daadwerkelijk op de computer aanwezig is.
Lettertypes en stylesheets
Welke lettertypes kun je dan wel gebruiken in je website? Gelukkig is er een aardig aantal fonts dat bij vrijwel elk besturingssysteem (zoals Windows, Linux of Mac OS) wordt meegeleverd.
Is een lettertype niet beschikbaar, dan zal de tekst in een ander lettertype worden weergegeven. Dit kan het standaardlettertype van je browser zijn, of een alternatief lettertype dat je in je stylesheet hebt opgegeven. Dat laatste is ook handig voor lettertypes die op de diverse platformen andere namen hebben of om een gelijksoortige letter op te geven. Geef hiervoor meerdere lettertypes op. Je kunt in de stylesheet zo ook aangeven of een alternatief lettertype in elk geval schreefloos of niet-proportioneel dient te zijn.
Lijst van webveilige fonts
De volgende lettertypes kun je veilig gebruiken voor de teksten van je website:
- Arial, Helvetica, sans-serif
- Arial Black, Gadget, sans-serif
- Comic Sans MS, Textile, sans-serif
- Courier New, Courier, monospace
- Georgia, Times, Times New Roman, serif
- Impact, Charcoal, sans-serif
- Lucida Console, Monaco, monospace
- Lucida Sans Unicode, Lucida Grande, sans-serif
- MS Sans Serif, Geneva, sans-serif
- MS Serif, New York, serif
- Palatino Linotype, Book Antiqua, Palatino, serif
- Tahoma, Geneva, sans-serif
- Times New Roman, Times, serif
- Trebuchet MS, Helvetica, sans-serif
- Verdana, Geneva, sans-serif
De Windows-naam staat steeds vooraan, gevolgd door eventuele alternatieven die een vergelijkbaar lettertype opleveren. Fonts die ook aanwezig zijn in de meeste browsers maar in de praktijk weinig worden gebruikt voor tekst zijn: Symbol, Webdings en Wingdings.
Teksten die onderdeel zijn van de vormgeving
De beperking in het gebruik van lettertypes geldt alleen voor content die daadwerkelijk als tekst in de website wordt gebruikt; tekst die je kunt selecteren met je muis. Voor logo's, illustraties en knoppen die bestaan uit een afbeelding kun je elk willekeurig lettertype gebruiken. Nadeel van het gebruik van afbeeldingen is dat ze niet leesbaar zijn voor zoekmachines en browsers die geen afbeeldingen kunnen weergeven, probeer het gebruik van plaatjes voor bijvoorbeeld tekstkopjes en de navigatie zo veel mogelijk te beperken.
Toch andere lettertypes met sIFR
Er bestaat een techniek waarbij je teksten van een website door middel van Flash kunt omzetten naar elk willekeurig lettertype, ongeacht of het op de pc van de bezoeker aanwezig is. Deze technologie is voornamelijk geschikt voor tekstkopjes die in je een afwijkend lettertype zou willen weergeven.
De website wordt bij het gebruik van sIFR (Scalable Inman Flash Replacement) nog altijd opgebouwd met tekst, maar van bepaalde kopjes wordt de tekst na het laden van de pagina met JavaScript weergegeven in de vorm van een Flash-object, waarin wel andere fonts gebruikt kunnen worden dan de 'web safe'-lettertypes.
Twijfel je of de teksten van je website wel altijd in het bedoelde lettertype worden weergegeven? Dan loont het zeker de moeite om je website te testen op verschillende computers!
Tags: huisstijl, lettertype, usability en webdesign.
Lees ook deze gerelateerde artikelen
- Eye Wish Groeneveld jaagt op kleine lettertjes
- De betekenis van kleuren in webdesign
- Waarom uw website een boom is en niet een maïsveld
- Flash in websites: Wanneer wel, wanneer niet
- Websites scoren gemiddeld voldoende
- Facebook spreekt een andere taal dan zijn gebruikers
Reacties bij dit artikel
Plaats je reactie bij dit artikel
Omdat dit artikel meer dan een jaar oud is, is het niet meer mogelijk om te reageren.
Comic sans is wel heel fout om te gebruiken!!