Artikelen

Google Font API

Gepost door joost op 24 mei 2010 in de categorie Google HTML Algemeen PHP
Google heeft vandaag mijn leven veranderd.... Hoe? Dat zal ik uitleggen. Als ik gisteren een titel in een exotisch lettertype wilde hebben dan gebruikte ik PHP en GD libarary. Deze twee liet ik een plaatje genereren dat het lettertype van mijn keuze bevatte. Dit lettertype zette ik dan op mijn webserver. Maar vandaag is slechts één regeltje code genoeg!

Wat ik deed was eigenlijk een workaround, aangezien ik dit probleem veel liever met CSS had opgelost. Google komt nu met de volgende oplossing, die alle andere code overbodig maakt. Het bestaat eigenlijk uit twee regels. De tweede regel is de regel die je vroeger een keer in je opportunisme geprobeerd hebt, maar die toen niet bleek te werken. De eerste regel is de 'magic code' van Google. Deze regel zorgt ervoor dat het nu wel werkt. Heel simpel in gebruik en daardoor briljant. 

  1. <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
  2. body { font-family: 'Tangerine', serif; }

Wil je dat het in alle browsers hetzelfde rendered? Gebruik dan de WebFont Loader, ook van Google. Een uitgebreidere handleiding vind je op de officiële pagina van Google. Hier vind je een lijstje met fonts voor je designer (waar hij/zij uit kan kiezen): http://code.google.com/webfonts. 


Nog niet overtuigd? Bekijk dan de demo hier!





Terug