CuFon - czyli  osc.pdf na naszej stronie www. Dzięki tej technologii, możemy zastąpić zwykły nudny tekst  (arial)  na coś weselszego. Zastąpić mozemy pojedyńcze znaczniki <h1>...<h6> jak i mozemy stworzyć włsną klasę w CSS.

Użycie

Wchodzimy na stronę :http://cufon.shoqolate.com/generate/

Na początku konwertujemy interesujący nas font do formatu Cufón, przy użyciu dostępnionego generatora.
Póżniej dodajemy w sekcji Head naszego dokumentu nastepujące linie:

<script src="/cufon-yui.js" _cke_saved_src="/cufon-yui.js" type="text/javascript"></script>
<script src="/Frutiger_LT_Std_400.font.js" type="text/javascript"></script>

Następnie również w sekcji head dodajemy linie:

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


Oczyiscie możemy definiować własnie klasy

Możemy także dołączyć do dokumentu bibliotekę jQuery i odwoływać się bardziej precyzyjnie, korzystając z jej selectorów.

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

Gdy chcemy zdefiniować wiecej róznych fontów:

<script type="text/javascript">
Cufon.replace('h1', { fontFamily: 'Frutiger LT Std' });
Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
</script>

Na końcu w naszym CSSie definiujemy wielkość fonta, kolor oraz styl.

h1 {font-size:20px; color: #000; font-weight:bold;}
#cr h2 {font-size:10px; color: #fff;}


Kompatybilność

Cufón jest kompatybilny z wszystkimi liczącymi się w tej chwili na rynku przeglądarkami, także z Internet Explorerem w wersji 6.

Działanie Cufona mozecie zobaczyc na portfolio

Generator:
http://cufon.shoqolate.com/generate/

Dokumentacja:
http://wiki.github.com/sorccu/cufon/about