Slika namesto teksta

Na nekaj straneh sem videl, da se uporablja nekakšna skripta, ki zamenja obstoječi tekst s sliko. Ali kdo ve kje bi našel takšno skripto oziroma kako bi se to naredilo.

En primer (kjer piše: We make super awesome websites and create happy clients!)
http://www.ikreativ.com/

19 odgovorov

Lucifix:
Ja res super zadeva tole, sam kaj ko problem nastane, ker večina fontov ne podpira šumnikov :(

pa narediš si sam šumnike :-)

Priporočaš kakšen brezplačen program za izdelavo fontov? Našel sem FontCreator, ki pa je plačljiv.

Ravno 10 minut nazaj sem iskal te editorje, pa sem nato raje uporabil web safe fonte s šumniki. Sicer pa sem našel tale spisek, upam, da bo v pomoč.

Meni so tele bombastični:
http://www.dafont.com/qlassik.font

Žal brez šumnikov. No ampak če najdem kak dober editor, bom pa že tele strešice dodal na tistih 8 črk :)

Opozarjam samo licence fontov... ni dovoljeno ravno vsak font vstavljati na tak način.

Namreč na svojem strežniku imaš JS fajl s fontom, ki si ga lahko obiskovalci potegnejo dol.

Sam sem tudi uporabil to skripto na eni strani, vendar imam majhen problemček. To pisavo uporabim tudi v navigaciji, kjer imam :hover efekt. Sedaj pa ne spremeni barve pisave. Prej ko je bil le css3 ter ta font je delalo ok, po uvozu s pomočjo Cofuna, pa ostane barva pisave enaka (iz sive bi morala iti v belo, ampak ostane siva). CSS je pravilno napisan. Obstaja rešitev ali je to pač tisti "ampak" pri vseh plusih?

Bi moralo delat, dela npr. tukaj.

1

Drugače pa je dobra alternativa tudi Flash tekst. Uporabiš lahko katerikoli font, šumniki so podprti... Sam se zadnje čase raje poslužujem tega.
Tukaj je npr. namesto z navadnimi fonti izpisan popust z Grilled Cheese (siva vrstica). Kul mi je to, da je tekst možno tudi izbrati in ga kopirati.

edit: Če koga zanima mu pošljem .js in .swf file, lahko stestira. Sicer si jih pa lahko sposodite dol s strani :)

@torek hvala za link, sem iskal po dokumentaciji pa nisem našel tega, v funkcijo sem moral dodat hover : "true" kot je na tej strani.
torej zdaj zgleda tako:
Cufon.replace("#Navigation li",{ hover: 'true' });

@hurrican1988 je bila v razmisleku tudi ta rešitev s pomočjo Flasha (sem dal tudi na prvi strani link) ampak se načeloma izogibam flashu kolikor se le da.