Meestal wordt er maar weinig aandacht besteed aan de keuze van een
lettertype (font) voor de teksten op je website. Toch is de keuze van de juiste lettertypes mede
bepalend voor de uitstraling van een website.
Ook heeft het invloed op de leesbaarheid van een tekst. Het lezen van een internetpagina is namelijk een stuk vermoeiender aan de ogen dan het lezen van bijvoorbeeld een boek. Zou je kiezen voor een overdreven speels lettertype dan haken de meeste bezoekers van je website al snel af.
Verder is niet elk lettertype dat jij mogelijk wilt gebruiken geïnstalleerd op de computer van de bezoeker. Als het door jou gebruikte font niet daarop staat, zal de browser een ander font gebruiken voor het tonen van jouw internetpagina. Dit kan natuurlijk de eerste indruk van jouw website aanzienlijk teniet doen.
Overigens kun je met het programma sIFR ervoor zorgen dat zo'n lettertype wel goed getoond wordt. In dit artikel wordt daar uitgebreid aandacht aan besteed:
http://www.alphamegahosting.com/wsm134.html#1.
Met de TypeTester-website (http://www.typetester.org/) kun je heel zorgvuldig lettertypes met elkaar vergelijken. Je begint met het invoeren van een stuk tekst in het gedeelte onder het kopje 'Sample Text'. De ingevoerde tekst wordt vervolgens automatisch getoond in de verschillende previews onder het vlak waar je alle lettertype-opties kunt wijzigen. De website is opgedeeld in een drietal kolommen en per kolom heb je een viertal bruikbare previews, namelijk:
- Tekst normaal weergegeven (regular)
- Tekst vetgedrukt weergegeven (bold)
- Tekst schuingedrukt weergegeven (italic)
- Tekst zowel vet- als schuingedrukt weergegeven (bold italic)
Daaronder staan nog een aantal previews in kapitalen (hoofdletters), maar die zul je waarschijnlijk niet snel nodig hebben.
Vervolgens kies je een lettertype. Hierbij heb je de keuze uit verschillende categorieën, namelijk:
- Safe list; met de keuze van deze lettertypes kun je weinig fout doen
- Wind Default; lettertypes die standaard geleverd worden bij Windows
- Mac default; lettertypes die standaard geleverd worden bij een Mac
- Windows Vista; lettertypes die standaard geleverd worden bij Windows Vista
Je kunt er ook voor kiezen om lettertypes te gebruiken die extra geïnstalleerd zijn op jouw computer. Hierbij moet je wel rekening houden met het feit dat het door jou gekozen lettertype mogelijk niet geïnstalleerd is op de computer van de bezoeker.
Als je een lettertype hebt gekozen kun je met de verschillende opties gaan spelen. Iedere optie die je wijzigt wordt gelijk getoond in de verschillende previews. De volgende lettertype-opties kun je wijzigen:
- De grootte van het lettertype (size)
- De witruimte tussen de zinnen (leading)
- De witruimte tussen de letters (tracking)
- De uitlijning van de tekst (alignment)
- De witruimte tussen de woorden (word space)
- Versiering van de tekst, bijv. onderlijning (decoration)
- Tekstkleur (color)
- Achtergrondkleur (background)
- Kopiëren van de instellingen naar de andere kolommen (apply to column)
Als je jouw gewenste lettertype geconfigureerd hebt, kun je achter 'Get CSS for' kiezen van welke kolom je de CSS-code wilt opvragen. Die kun je dan kopiëren en plakken in de code van je eigen website.
Kortom, weer een leuke tool die het leven van een webdesigner een stuk aangenamer kan maken.
Succes!