Google webfonts
7 naročnikov
7 naročnikov
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
7 odgovorov
Definitivno super zadeva, fonti se bodo pa sigurno nabrali.
Sem pa opazil, da so očitno posodobili browser support, ker na zadnje ko sem gledal na spisku ni bilo Safarija... zdaj je :)
No pa še ena zadeva, ki je tudi zelo uporabna, pa sem jo pozabil omenit je nekakšen live font preview.
Noter skopirate poljuben tekst, izberete font, varianto, s parimi kliki pa zrihtate še CSS, katerega samo še skopirate v željeni element.
@MilosM, ja vidim da kar pridno updejtajo, ker dopoldan tudi Opere še ni bilo na spisku, sedaj pa je že :)
@poslovnik: v bistvu zamenja obstoječi font na strani s tem fontom, vse skupi pa nastaviš preko CSSja.
meni se dopadeta ravno 2 fonta od vseh, in sicer cantarell ter nobile :) vse ostalo pa mi ni kaj preveč všeč oz. uporabno :)
