Olen pitkään odottanut, että joku joskus ratkaisisi sen ongelman, että jos haluaa käyttää verkkosivulla jotain kaikkien koneilta löytyviä perusfontteja erikoisempia fontteja, niin varmistaakseen, että fontti todella näkyy varmasti sellaisena kun on tarkoitus, se joudutaan tekemään kuvana. Esimerkiksi itse olen tehnyt tämän blogin tuossa yläreunassa olevat otsikot ja valikon linkit kuvina. Että miksi fontit pitää olla käyttäjän koneella? Eikö ne voisi olla verkossa?

Joku muukin on tätä tullut pohtineeksi ->

Tuo ei ole mikään kuva vaan ihan tekstiä, jonka voi vaikka copy-pastata. Käytin tässä Google Font API -tekniikkaa. Ja ei ollut edes kovin vaikeaa. Se toimii näin:

1. Käy lisäämässä sivun lähdekoodiin head-tagien väliin linkitys sen fontin css-tyylitiedostoon, jota haluat käyttää. Itse käytin Lobsteria, joten lisäsin sinne seuraavan rivin:
   <link href=’http://fonts.googleapis.com/css?family=Lobster‘ rel=’stylesheet’ type=’text/css’>
2. Tämän jälkeen Lobster-nimiseen fonttiin voi viitata samalla tavalla kuin mihin tahansa perusfonttiin. Eli joko luomalla css-tyylitiedostoon valitsimen, joka käyttää aina kyseistä fonttia, kun siihen viitataan tai sitten suoraan sisällön koodissa esim. näin: <div style=”font-family: ‘lobster’;”>Ja tässä se teksti, joka halutaan kyseisellä fontilla</div>

Näitä fontteja on tällä hetkellä vielä melko vähän, mutta luulisin, että näitä piakkoin tulee lisääkin. En tiedä tarjoavatko muutkin tahot tällaisia “online-fontteja” kuin Google, mutta jos eivät tarjoa tällä hetkellä, niin luulisi, että tarjoavat lähitulevaisuudessa.