SwiatCzcionki.pl - edycja czcionek, tworzenie czcionek, darmowe czcionki, fonty, typografia: Cufon skrypt - fonty do stron internetowych - SwiatCzcionki.pl - edycja czcionek, tworzenie czcionek, darmowe czcionki, fonty, typografia

Skocz do zawartości

Strona 1 z 1

Cufon skrypt - fonty do stron internetowych chcesz zamieścić fonta na stronei internetowej ? nic prostszego :) Oceń temat: -----

#1
Użytkownik nie jest zalogowany   voorek 

  • Grupa Użytkownicy
  • Postów 3
  • Rejestracja pon, 04 paź 10
O skrypcie
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
0

#2
Użytkownik nie jest zalogowany   vBB 

  • Grupa Administrator
  • Postów 1240
  • Rejestracja sob, 06 mar 10
W zasadzie ok, tylko pytanie: po co? :P
Przecież o wiele prostsze będzie umieszczenie fonta na serwerze i żeby zwykły css pobierał font stamtąd, bez JS, który sprawi, że strona będzie działać jeszcze "ciężej".

Masz jakiś przykład strony, na której została zastosowana ta technika inkludowania fonta?
W sprawach fontów NIE pomagam przez GG/PW/e-mail/Jabber!
Masz jakiś problem to napisz na forum!
0

Udostępnij ten temat:


Strona 1 z 1


Szybka odpowiedź

    

Użytkownicy przeglądający ten temat: 1
0 użytkowników, 1 gości, 0 anonimowych