dwie czcionki z cufon'a na jednej stronie

0

Witam,
mam stronę w której do nagłówka

dołączyłem cufon'a z czcionką np "heveltica 1" i teraz jak dołączyć cufon'a już z inną czcionką np. "heveltica 2" do nagłówka

. Próbuje w ten sposób ale

odczytuje tylko z czcionka1.js</p>

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

<script src="script/czcionka2.js" type="text/javascript"></script>    
<script type="text/javascript">
    Cufon.replace('h2');
</script> 
0

Cufon.replace('h2', {fontFamily:'nazwa czcionki'})

Tu masz wszystko opisane: https://github.com/sorccu/cufon/wiki/Usage

0

Też to znalazłem ale u mnie nie działa. mam taki kod:

Cufon.replace('h2', { fontFamily: 'Heveltica Neue Lt Pro - Cn' });
Cufon.replace('h1', { fontFamily: 'Heveltica Neue Lt Pro - UltLt' });

Dodam, że próbowałem już nazwę czcionki napisać bez myślników, spacji itp. i nic nie pomogło

0

Może wpisujesz nieprawidłową nazwę czcionki. Otwórz plik JS z czcionką i sprawdz linijkę:
Cufon.registerFont({... ,"face":{"font-family":"TU NAZWA CZCIONKI" ...})

0

nazwa czcionki w obu plikach js w tej lini co podałes to: 'Heveltica Neue Lt Pro'
a powyżej w komentarzu tych plików jest w jednym: 'HevelticaNeueLtPro-UltLt' i w drugim: 'HevelticaNeueLtPro-Cn' bo to dwie różne czcionki.
Gdy zmienie w pliku js w tej lini co podałes nazwe czcionki na np. 'HevelticaNeueLtPro-UltLt' to tez nie działa. Więc nie wiem co jest grane.

0

W takim razie nazwa twojej czcionki to 'Heveltica Neue Lt Pro'. W plikach JS nic nie zmieniaj. Masz tam po prostu podaną nazwę czcionki jaką musisz wpisać w swoim skrypcie w sposób jaki podałem na początku. W twoim wypadku:
Cufon.replace('h2', {fontFamily:'Heveltica Neue Lt Pro'});
Z tego co piszesz podejrzewam, że w kreatorze załadowałeś do pliku JS kilka czcionek np. Regular i Bolder. Nie musisz definiować ich dla każdego elementu <h> wystarczy że użyjesz znaczników <b></b> oraz <i></i>.
Jeśli to nie zadziała sprawdź kod od początku. Więcej pomysłów nie mam.

0

do kreatora ładuje po jednym pliku otf np:
mimo ze załadowałem ten plik (skopiowany z panel sterowania->czcionki) HelveticaNeueLTPro-UltLt.otf to potem w tej linijce co podałes w pliku js jest nazwa czcionki 'Helvetica Neue LT Pro'
tak samo z drugą czcionką jest: ładuje HelveticaNeueLTPro-Cn.otf a w pliku js jest znowu tylko 'Helvetica Neue LT Pro'. O co chodzi?

0

Witam,
Nie wiem, czy temat jest wciąż aktualny ale na wszelki wypadek pszę... może przyda się komuś innemu..
Pierwsze zastosowane przez blade2 rozwiązanie było prawidłowe.

<script src="script/cufon.js" type="text/javascript"></script> <script src="script/czcionka1.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.replace('h1'); </script> <script src="script/czcionka2.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.replace('h2'); </script>

Ważne są natomiast 2 szczegóły!

  1. Musisz to zawrzeć w nagłówku (innymi słowy w head) !!!!
  2. Nie wiem skąd wziąłeś plik cufon.js oryginalnie plik powinien mieć nazwę cufon-yui.js

Jeśli to prawidłowo zmienisz to wszystko powinno śmigać :-)

Pozdrawiam

0

Skoro już podbiłeś..
Mnie nie przekonuje takie rozwiązanie, nawet jeśli działa.
Przy generowaniu możemy podać własną nazwę fontFamily i powinniśmy to zrobić, a potem zastosować rozwiązanie z tego posta. Unikniemy problemów przy stronkach gdzie np. trzeba będzie przeładować cufona w trakcie wykonywania strony (np. doczytujemy jakiś fragment ajaxem i potrzebujemy znowu podmienić <h1> z pierwszą czcionką.

0

To ja się zapytam, którą technikę stosowania własnych fontów stosować? Cufonów, czy tą podaną w tym artykule http://www.webnote.pl/font-face-wlasna-czcionka-na-stronie-internetowej.html ? Jakie są zalety i wady opu technik?

0

Font-face jest "z przyszłością", obsługuje to IE (odpowiedni format, ale za to każde IE, 6 też!), FF, Opera, Chrome itd. W przypadku przeglądarki inne niż IE nie musisz się martwić - chociaż stare wersje nie obsługiwały font-face, to i tak użytkownicy tych przeglądarek używają najnowszych wersji. Czyli w sumie font-face działa (prawie) zawsze.

Cufon wymaga javascriptu. Po wygenerowaniu tekstu Cufonem nie można go zaznaczać (tzn może i się jakoś dziwnie podświetli (jak obrazek, nie tekst), ale nie skopiuje się). Cufon jest wkurzający przy dynamicznych elementach (jakieś ładniejsze menu, szczególnie rozwijane i musisz co chwila odświeżać wygenerowane elementy). Cufon zadziała na archaicznych wersjach Opery/FF/Chrome - ale to nie jest Ci potrzebne. Cufon potrafi źle pozycjonować elementy (np 2px za wysoko).

Generalnie Cufon był fajny 2 lata temu, teraz trzymaj się font-face.

1 użytkowników online, w tym zalogowanych: 0, gości: 1