|
|
 |
Inhoud van deze pagina: Werken met lettertypen | Beschikbare lettertypen | Beschikbare lettergroottes | Beschikbare tekstopmaakmogelijkheden | Letterproef webfonts | Tekstafbeeldingen
Werken met lettertypen
Beschikbare lettertypen
Bij het gebruik van lettertypen (font face) ben je afhankelijk van het feit of de betreffende lettertypen op de PC van de bezoeker zijn geinstalleerd. Slechts een beperkt aantal lettertypen zijn min of meer standaard aanwezig in de meeste Windows, Linux en Mac systemen en worden derhalve beschouwd als algemeen te gebruiken 'webfonts'.
Ze worden gerangschikt in drie hoofdgroepen: schreefletters (letter met 'ophaaltjes' aan de uiteinden, stammend uit de tijd dat men nog letters in hout of steen kerfde), schreefloze letters, en monospace letters (waarbij elke letter, zowel de i als de w, dezelfde breedte op het scherm innemen).
Als geschikte webfonts worden beschouwd:
schreefletters: Georgia, Times New Roman, Times, serif
schreefloze letters: Verdana, Arial, Helvetica, sans-serif
monospace letters: Courier New, Courier, mono
Het is mogelijk en gebruikelijk om meerdere opties op te geven, meestal 3 of 4, gescheiden door een komma en spatie, bv.:
| Lettertype: | Verdana, Arial, Helvetica, sans-serif |
Als het eerstvermelde lettertype niet op de PC van de bezoeker aanwezig is, zal gezocht worden naar het volgende vermelde lettertype, etc.
Het is raadzaam om als laatste lettertype 'serif', 'sans-serif' of 'mono' te definieren. Dit zijn geen echte lettertypen, maar algemene aanduidingen voor de drie hoofdgroepen.
In vrijwel alle browsers is voor elke van deze hoofdgroepen een standaard lettertype gedefinieerd, dat tijdens de installatie van de browser op een PC gehaald wordt uit de lijst van de op de betreffende PC aanwezige lettertypen. Op deze manier ziet de bezoeker je site bij benadering altijd zoals je die voor ogen hebt.
Rond 1999 was het heel even mode om lettertypen, zgn. 'bitstream fonts', aan sites toe te voegen. Maar ze zijn nooit echt aangeslagen, vanwege de extra benodigde downloadtijd en het beperkte vermogen van verschillende versies en merken browsers om ze correct weer te geven (terwijl die downloadable fonts nu juist bedoeld waren om dat probleem op te lossen).
Beschikbare lettergroottes
Om de lettergrootte (font size) vast te leggen kunnen uitsluitend de hele getallen van 1 t/m 7 gebruikt worden:
Er zijn verschillen hoe de diverse systemen de lettergrootte weergeven. Op Mac systemen, met name de oudere versies, worden letters kleiner weergegeven dan op Windows en Linux systemen.
Het is ook mogelijk om een 'relatieve lettergrootte' op te geven: een getal gecombineerd met een "+" of een "-". Hiermee wordt de grootte van de letters bepaald ten opzichte van de standaard lettergrootte die de bezoeker in zijn browser heeft ingesteld:
Beschikbare tekstopmaakmogelijkheden
Om teksten of tekstgedeeltes 'vet' of 'cursief' te maken, om tekstgedeeltes in afwijkend lettertype en lettergrootte af te beelden, en om van tekstgedeeltes 'hyperlinks' te maken, dien je gebruik te maken van HTML-codering.
Hoe je dat kunt doen, met eenvoudige voorbeelden, vind je op de pagina Werken met HTML.
 Letterproef webfonts
De Letterproef webfonts is bedoeld om je keuze uit de diverse letter-opties te vergemakkelijken.
Je vindt hier een overzicht van tekstproeven in de meest gangbare webfonts, in alle toegelaten groottes en in de opmaak 'standaard' en 'vet'.
Er is steeds dezelfde tekst gebruikt, waardoor je tevens de omvang van tekst in verschillende lettertypen kunt vergelijken.
Daarnaast worden hopelijk de zwakke punten van een aantal lettertypen duidelijk zichtbaar, zoals Times font size 1 (nauwelijks leesbaar) en Arial font size 1 (nauwelijks verschil tussen 'vet' en 'standaard').
De keuze van lettertypen is uiteraard een kwestie van smaak en cultuur. Vandaar hier geen uitgebreide verhandeling over 'wetmatigheden' zoals het gebruik van een beperkt aantal lettertypen, etc.
Eén aspect willen we wel onder je aandacht brengen: tekst in schreefloze letters is gemakkelijker te lezen dan tekst in schreefletters. Dit heeft alles te maken met de meer ingewikkelde vorm van schreefletters, die niet nauwkeurig kan worden gereproduceerd op het beeldscherm.
Voor alle duidelijkheid: de Letterproef is een 'afbeelding' (om te voorkomen dat je browser andere lettertypen laat zien!) van teksten zoals die op een Windows systeem worden afgebeeld. Zorg er voor dat je browser de afbeelding niet verkleind maar op ware grootte laat zien!
Tekstafbeeldingen
Een manier om de beperkte letterkeuze te omzeilen is het omzetten van tekst in een afbeelding, zoals hierboven is gedaan met de Letterproef. Dit kan gedaan worden met image-editing programma's zoals Adobe Photoshop of Paint Shop Pro.
Omdat je op veel plaatsen afbeeldingen kunt invoeren in QwikZite, kun je op deze manier alle mogelijke lettertypen gebruiken.
De techniek wordt veel toegepast, met name voor buttons en paginatitels, maar er zitten een aantal grote nadelen aan:- Door het gebruik van afbeeldingen duurt het veel langer om pagina's te bekijken.
- Tekstafbeeldingen kunnen niet worden doorzocht door zoekmachines.
- De tekst kan niet door kopiëren/plakken gereproduceerd worden.
(Een goede tip: laat je adresgegevens altijd als tekst zien en nooit als afbeelding!)
Ga naar top | Beschikbare lettertypen | Beschikbare lettergroottes | Beschikbare tekstopmaakmogelijkheden | Letterproef webfonts | Tekstafbeeldingen
|
|
|
|
|
|
Laatste wijzigingen op deze pagina |
|
|
|
|