Web safe fonts

Nee, dit artikel gaat niet over Internet Explorer vs Firefox vs Safari vs ... maar over fonts voor het internet. Het gebeurt iedere ontwerper minstens één keer (sommige vaker): een lettertype selecteren dat niet 'web safe' is.
Voor het weergeven van een HTML pagina maakt de browser gebruik van de lettertypes die beschikbaar zijn op het systeem waarop de pagina bekeken wordt. Tenminste, zolang er geen truukjes zijn toegepast om dit 'probleem' te omzeilen. Een lettertype dat niet op de betreffende computer geïnstalleerd is, wordt door de browser vervangen door een standaard alternatief (meestal Times New Roman). Zo'n lettertype is dus typisch niet web safe, met desastreuze gevolgen voor het design van de website en geruïneerde familiefeestjes ten gevolg.

Web safe fonts

Wil je web safe ontwikkelen, dan is de keuze voor een lettertype beperkt tot de standaard set die aanwezig is op de meeste platforms. Standaard voorziet OS X in meer fonts dan Windows. De volgende fonts zijn beschikbaar op zowel OS X Tiger en Leopard als op Windows XP en Vista (en zijn dus web safe te noemen):

1. Andale Mono
2. Arial
3. Arial Black
4. Comic Sans MS
5. Courier New
6. Georgia
7. Impact
8. Times New Roman
9. Trebuchet MS
10. Verdana
    

Geavanceerde technieken

Uiteraard is het altijd mogelijk om deze beperkte set uit te breiden door fonts in afbeeldingen te gieten (helaas niet erg search engine friendly) of gebruik te maken van Flash animaties (met embedded fonts). Of je kunt slim gebruik maken van een combinatie van Flash, CSS en javascript, oftewel sIFR.

De nieuwste hit is de @font-face techniek. De meeste browsers ondersteunen het al en grote bedrijven zetten het al in. Een belangrijke nieuwe markt zijn de echte webfonts. Deze online services zijn echte vervangers van de web safe fonts en bieden de mogelijkheid voor rijke en creatieve typografie in het internet.

Praktische links

Font Matrix
Viewing Fonts

Gast auteur:Jasper Rooswinkel - Diamedia Minds