Tekst in SERIF
Letters in: SANS-SERIF
MONOSPACE
WebCrafts
webmakers - webvormgevers
Nieuwe websiteLettertypes voor websites
Lettertypes op Websites
Lettertypes kiezen
Het liefst worden voor de website de lettertypes gebruikt van de huisstijl.
In de praktijk is dat niet altijd mogelijk want slechts een handvol lettertypes is
geschikt voor gebruik op websites.
De keuze valt dan op lettertypes -ook wel fonts genoemd- die de huisstijl zo goed mogelijk benaderen.
In dit artikel vindt je een overzicht van 'webveilige' lettertypes en suggesties voor keuzes.
In de artikelen over kleurschemas en pagina-indelingen lees je over het uiterlijk van websites.
Opties voor websites in het algemeen zijn beschreven in het artikel algemene keuzes.
Web-veilige lettertypes
In de onderstaande lijst vindt je lettertypes die door alle browsers* en op alle computers
bijna exact hetzelfde worden weergegeven. De lijst is overgenomen van W3C**.
* Een browser is het programma waarmee je op het internet surft (internet explorer, firefox, opera safari, etc.)
**W3C is de organisatie die internationale standaarden voor programmeertalen en webdesign ontwikkelt.
Font Families
De lettertypes in de lijst zijn onderverdeeld in soorten, ook wel families genoemd.
De drie belangrijkst soorten voor webgebruik zijn gemakkelijk uit elkaar te houden.
Tekst in SERIF
en tekst in SANS-SERIF
Tot slot MONOSPACE
Bij Serif fonts hebben de letters kleine haaltjes aan de uiteinden van de letters.
Bij sans-serif fonts ontbreken die haaltjes.
Monospace is een ander soort eigenschap waarbij iedere letter van het font precies dezelfde ruimte inneemt.
Lijst van web safe fonts
In het programmeren wordt ieder lettertype van een onderdeel
(een titel, alinea, commentaar, etc.) altijd benoemd met terugval-mogelijkheden.
Het eerste font (van links naar rechts-) is het lettertype dat moet worden weergegeven,
de daarop volgende fonts zijn telkens een zo goed mogelijk alternatief
als het font daarvoor niet kan worden weergegeven.
Voor het geval een computer geen enkel benoemd lettertype kan
produceren wordt -tot slot- het soort font benoemd .
Serif Fonts
| font-familie: | Voorbeeld tekst: |
|---|---|
| Georgia, serif | Dit is een Kop-tekstDit is een alinea |
| "Palatino Linotype", "Book Antiqua", Palatino, serif | Dit is een Kop-tekstDit is een alinea |
| "Times New Roman", Times, serif | Dit is een Kop-tekstDit is een alinea |
Sans-Serif Fonts
| font-family | Voorbeeld tekst |
|---|---|
| Arial, Helvetica, sans-serif | Dit is een Kop-tekstDit is een alinea |
| Arial Black, Gadget, sans-serif | Dit is een Kop-tekstDit is een alinea |
| "Comic Sans MS", cursive, sans-serif | Dit is een Kop-tekstDit is een alinea |
| Impact, Charcoal, sans-serif | Dit is een Kop-tekstDit is een alinea |
| "Lucida Sans Unicode", "Lucida Grande", sans-serif | Dit is een Kop-tekstDit is een alinea |
| Tahoma, Geneva, sans-serif | Dit is een Kop-tekstDit is een alinea |
| "Trebuchet MS", Helvetica, sans-serif | Dit is een Kop-tekstDit is een alinea |
| Verdana, Geneva, sans-serif | Dit is een Kop-tekstDit is een alinea |
Monospace Fonts
| font-family | Voorbeeld tekst |
|---|---|
| "Courier New", Courier, monospace | Dit is een Kop-tekstDit is een alinea |
| "Lucida Console", Monaco, monospace | Dit is een Kop-tekstDit is een alinea |
Aandachtpunten bij font keuzes
Gebruik je een speciaal of zeldzaam font dan is de kans groot dat
de computer van je bezoeker het font niet kan weergeven*. Het lettertype wordt dan vervangen voor
een ander, beschikbaar lettertype.
*Om deze situatie te ontlopen zijn (programma-) oplossingen bedacht die
niet waterdicht zijn en technische beperkingen met zich meenemen.Ondanks een veilige keuze kunnen er toch nog valkuilen optreden.
Het is dan ook belangrijk om font-keuzes te testen op gebruik, leesbaarheid en volledigheid.
Voorkomende "gebreken" van fonts:
Bepaalde letters van een font kunnen met elkaar worden verward als
ze klein worden weergegeven;
dan is er bijvoorbeeld haast geen verschil tussen 2 letters N of 1 enkele M.
Tegelijkertjd zijn er lettertypes die alleen in weergaves van 10-12 pixels goed ogen en er vervormd uitzien als ze voor koppen of titels worden gebruikt.
Voor onbekendere font-sets geldt dat ze niet altijd volledig zijn; er kunnen speciale letters of tekentjes ontbreken maar ook een cursieve weergave kan niet in het pakket zitten.
Het laatste aandachtspunt is dat het pakket meegeleverde lettertypes bij windows andere lettertypes heeft dan dan dat van macintosh.
Dan maar een afbeelding?
Een andere mogelijkheid is om tekst met een bijzonder lettertype in een afbeelding te plaatsen. Op zich werkt dat voor de doorsneebezoeker. De grote kanttekening is dat dergelijke 'tekst' eigenlijk een plaatje is.
De inhoud van een plaatje is onleesbaar voor slechtzienden en voor zoekmachines. Om deze reden wordt belangrijke informatie nooit in een afbeelding geplaatst.
