Cufon

A Cufon egy javascriptes megoldás a nem websafe fontok használatára. Tehát segítségével bármilyen betűtipust használhatunk a weboldalon sima szöveggel, nem kell képként kezelnünk ha egy speciális font-al akarunk valamit kiiratni. A kényelem mellett a másik előny az, hogy az oldal forrásában megtalálható lesz a szöveg, így a keresőrobotok látni fogják azt. Tehát ha valamilyen extra font-al akarjuk a h1-eket írni, akkor a Cufon a mi barátunk.
A használata véleményem szerint pofonegyszerű. Nincs más dolgunk mint letölteni a kódot innen: cufon. Ezután a választott fontból generálnunk kell egy javascript fájlt, amihez a segítségünkre lehet a cufon weboldalán található online generátor.
Itt fel kell töltenünk a font fájl, a következő formátumok valamelyikében: TrueType (TTF), OpenType (OTF), Printer Font Binary (PFB) vagy PostScript. Ezután kiválaszthatjuk hogy milyen fontokra van szükségünk(csak nagybetű, csak kisbetű,számok, speciális karakterek, stb). Ezenfelül megadhatjuk a domainevet is ahol a fontokat használni fogjuk, arra az esetre ha az jogvédett és nem szeretnénk ha valaki tőlünk tulajdonitaná el. Ha ezzel megvagyunk, akkor kapunk egy javascript fájlt.
Ez volt a hosszabb része a dolognak, mert innentől már nincs más dolgunk mint beilleszteni az alábbi kódot a weboldalunk fejlécébe:

<script src="cufon-yui.js" type="text/javascript"></script>
<script src="A_mi_fontunk.font.js" type="text/javascript"></script>
<script type="text/javascript">
			Cufon.replace('h1');
</script>

A Cufon felismeri ha előtte betöltöttünk valamilyen javascript frameworköt és ezután lehetőség van a framework selectorainak használatára. Például ha jQuery framework-öt használunk akkor az alábbi kód is működni fog:

<script type="text/javascript">
			Cufon.replace('.cufonElem');
</script>

Cimkék: cufon, Javascript