True Colors Design - Magazijn
Alternatieve Fonts
1. Font als afbeelding
Van een lettertype dat niet Websafe is, kan een af-beelding worden gemaakt. Dit plaatje wordt altijd juist weergegeven. Het nadeel van deze techniek is dat de zoekmachines een afbeelding niet kunnen 'lezen'. Bovendien is de tekst niet even snel aan te passen. Daarom wordt deze techniek alleen gebruikt voor de kop van de website of de buttons. Voordeel is dat alle lettertypes dan kunnen worden gebruikt.
Op het Internet zijn talloze websites waar fonts op staan die gratis te downloaden zijn.
2. Nieuwe web-standaard: @font-face
@font-face is een techniek waardoor het mogelijk wordt om lettertypes te gebruiken die niet-websafe zijn. De lettertypes worden op elke computer, onder elk systeem en op elke internet browser hetzelfde weergegeven. Daarbij maakt het niet uit of de bezoeker deze fonts op zijn computer heeft geïnstalleerd of niet.
Het nadeel van deze techniek is dat 'oude' webbrowsers de fonts niet goed weergeven. Het voordeel is dat in principe alle fonts gebruikt kunnen worden, de tekst snel aangepast kan worden en de zoekmachines de teksten kunnen lezen.
@font-face Service: Google Fonts
Sinds kort maakt Google de @font-face techniek eenvoudiger. De lijst met beschikbare fonts groeit gestaag.
Webbrowsersupport
Zowel met @font-face als met Google Fonts is het zo dat
alleen moderne webbrowsers overweg kunnen met deze technieken.
Als een webbrowser zo'n niet-websafe font niet goed kan weergeven kan een alternatieve font (die wel websafe is) door de websitebouwer worden opgegeven.
Voorbeeld:
Op een website wordt de Google Font 'Monotype Corsiva' gebruikt (niet-websafe) Als alternatief wordt opgegeven: 'Georgia- Italic' (websafe).
Een bezoeker die een moderne webbrowser als Firefox versie 3.5 gebruikt, ziet de 'eerste keus', n.l. de 'Monotype Corsival' font
(niet-websafe)
Een bezoeker die een relatief 'oude' webbrowser als Firefox versie 2 gebruikt, ziet de 'tweede keus' font, n.l. de 'Georgia- Italic' font (websafe)