Beperkingen met lettertypes en websites

Stel, u heeft een grafisch ontwerper in gehuurd die, op basis van uw huisstijl, een nieuwe Look & Feel ontworpen heeft. Uw huisstijl lettertype 'werkt' niet in een webbrowser. U kunt niet verwachten dat elke bezoeker van uw website uw lettertype wil downloaden (afgezien van juridische en financiële aspecten).
Waar komt dit probleem vandaan en hoe is het op te lossen?

Browser safe fonts

Uw Mac of Windows PC is standaard uitgerust met een aantal lettertypes. Als uw website geen gebruikt maakt van een van deze standaard systeem fonts, worden uw teksten op de pagina's afgebeeld in een lettertype dat wel beschikbaar is.

Voorbeelden van overeenkomstige lettertypes die aanwezig zijn op een Mac en op een Windows PC:

Microsoft ClearType

Sinds Office 2007 (Office 2008 voor de Mac) levert Microsoft de ClearType font families. De lettertypes in deze verzameling zijn: Calibri, Cambria, Candara, Consolas, Constantia en Corbel. Deze fonts worden ook geïnstalleerd door de gratis Powerpoint 2007 Viewer, Microsoft Office Compatibility Pack en de OpenXML File Format Converter voor de Mac.

Oplossingen

Vroeger werden grafische plaatjes gebruikt om koppen van webpagina's af te beelden in de huisstijl van een bedrijf. Visueel werkte dit prima, maar ideaal was het niet. Ook voor zoekmachines was dit geen goede oplossing. Zoekmachines vinden de aanwezigheid van het HTML element H1 belangrijk. Een grafische afbeelding als H1 is niet geschikt voor zoekmachineoptimalisatie. Lees deze blog voor meer informatie over zoekmachine optimalisatie.

Een slimme truc was om Flash filmpjes te gebruiken waar de lettertypes in waren verwerkt. Deze techniek heet Scalable Inman Flash Replacement (sIFR). Dat JavaScript vereist is, is een nadeel. Ook wordt afgeraden grote lappen tekst met deze techniek te voorzien van een eigen lettertype. Het werkt goed voor koppen en subkoppen. En over hoe de zoekmachines nu precies omgaan met sIFR zijn de meningen verdeeld. Vergelijkbare oplossingen heten Cufon (gebruikt geen Flash, maar heeft onder andere juridische narigheden) en FLIR (gebruikt geen Flash, maar PHP en vertaalt de fonts naar afbeeldingen).

Google Webfonts

Mijn website gebruikt het lettertype Rokkit (let op de overeenkomsten tussen de naam van de website en het lettertype) uit de Google Web fonts collectie ¹⁾. Er is een ruime keus aan fonts. Wellicht gebruikt u als huisstijlletter een lettertype uit deze verzameling. Of vraag uw grafisch ontwerper een font te zoeken dat overeenkomt met uw huisstijl.

1) Op het moment van schrijven opent de link niet goed in Internet Explorer. Gebruik Firefox om de link te openen. De fonts van Google werken echter wel in de browser van Microsoft.

Alle artikelen