Nekateri ste gotovo že zasledili, da nam je google par dni nazaj predstavil njihov font directory, za ostale ga bom pa na kratko opisal.
Je zbirka open source fontov, zaenkrat jih je 18, nekateri imajo še kakšno "pod-familijo" in seveda še nekaj različnih variant (bold, italic..)
Je simpl ko pasulj, saj že s parimi kliki dobiš kodo za implementacijo fontov.
Zadevo sem testiral in mi dela brez problema tudi na IE6.
Namesto vstavljanja linkov do fontov v glavo strani, sem se odločil za import kar v zunanji css fajl, torej
@import url('http://fonts.googleapis.com/css?family=Lobster');
, potem pa samo še izbranemu elementu definiral
font-family: 'Lobster', arial, serif;
in zadeva dela.
Če pa bi radi imeli več fontov, jih preprosto dodate v link in ločite z |, npr.
http://fonts.googleapis.com/css?family=Lobster|Reenie+Beanie
itn...
Več informacij pa dobite na Google Font API priročniku, JavaScript mojstri pa se lahko poigrajo z WebFont loaderjem
Vsekakor dobra zamenjava za slikce, samo še malo več fontov se more nabrat :)
lp