Cufón został stworzony przez fińskiego dewelopera Simo Kinnunena. Jego najważniejsze cechy to szybkość działania, kompatybilność(działa nawet na IE6!) oraz brak jakichkolwiek innych wymaganych wtyczek poza czystym JavaScript’em.
Zaczynamy
Pierwszym krokiem będzie ściągnięcie skryptu. Cały potrzebny i skompresowany już plik dostępny jest pod TYM adresem. Następnie dołączamy plik do sekcji <head>, czyli:
Cytat
<script src="js/cufon-yui.js" type="text/javascript"></script>
Następnie musimy wygenerować plik JS z naszą czcionką, zrobimy to za pomocą TEGO generatora, ja wybrałem font o nazwie Elecric Toaster. Ten plik również dołączamy do <head>.
Cytat
<script src="Electric_Toaster.font.js" type="text/javascript"></script>
Pozostaje nam już tylko wskazać skryptowi selektor, w którym będzie zamieniał tekst, to również wstawiamy do <head>.
Cytat
<script type="text/javascript">Cufon.replace('#blok');</script>
I gotowe! Dodatkowo możemy użyć CSS aby ustawić wielkość i kolor czcionki.
treść z : http://matkrzesz.wordpress.com
Logowanie »
Rejestracja
Pomoc

Dodaj odpowiedź
Do góry
Cytuj






