Google Webfonts

20 maj 2010

Google har nu gjort den möjligt att använda open source fonter på din webbplats väldigt enkelt, du behöver inte lägga in några jobbiga javascripts, flashapplikationer eller php/png hacks. Lite simpel CSS och google sköter resten! Väldigt sökmotorvänligt med andra ord.

Först kan du hitta alla tillgängliga fontstilar på den här listan. Sedan när du hittat en font du gillar så klickar du helt enkelt på fonten. Jag valde i detta fallet Reenie Beanie

Jag kopierar sedan css koden som man ser under fliken ”Get the code” och lägger det så långt upp som möjligt inom <head></head>

<link href=’http://fonts.googleapis.com/css?family=Reenie+Beanie‘ rel=’stylesheet’ type=’text/css’>

Nu kan du välja lite var du vill använda denna fontstil, jag valde att använda det på alla mina rubriker. Så i min css fil lade jag till:

h1, h2, h3, h4, h5, h6{font-family: ‘Reenie Beanie‘, arial, serif;}

Uppdatera din sida och det magiska händer, du har nu en relativt fräck fontstil på alla din rubriker. Liknande lösning men som dock kostar om du skall använda det i något större utsträckning fast med ännu större bibliotek av fonter så finns typekit.

Inga relaterade inlägg.

Leave a Comment

Previous post: Så städar du upp på nätet

Next post: 5 länkar som borde bort från din blogg