@font-face

19 augustus, 2011
CSS / HTML / Javascript / Webdev / Weblog

Om niet standaard webfonts te gebruiken op websites wordt/werd er vaak gekozen voor een oplossing zoals Cufón. Werkt opzich wel aardig maar tegenwoordig kan je veel beter @font-face gebruiken.

In tegenstelling tot oplossingen als Cufón – waarbij allerlei javascripts geladen moeten worden en de tekst moest worden ‘gerenderd’ – hoef je hier alleen wat CSS regels toe te voegen en je font online te plaatsen. Klik hier voor een goede uitleg. Al bij al een stuk lichter en goed voor de snelheid van je site! In principe werkt het ook in alle browsers.

Een makkelijke tool (die op de eerder genoemde site ook word toegelicht) kan je hier vinden. Deze creëert automatisch voor jou de verschillende benodigde extensie en CSS regels. Dit allemaal te downloaden in 1 pakketje!

Ja ja, i know, ik gebruik nog Cufon. Binnenkort zal ik @font-face implenteren ;-)