dwie czcionki z cufon'a na jednej stronie

Odpowiedz Nowy wątek
2011-10-16 13:37
blade2
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> 

Pozostało 580 znaków

2011-10-16 21:29
0

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

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


"Wiadomo, że taki a taki pomysł jest nie do zrealizowania. Ale żyje sobie jakiś nieuk, który o tym nie wie. I on właśnie dokonuje tego wynalazku." - (Albert Einstein)

Pozostało 580 znaków

2011-10-17 08:27
blade2
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

Pozostało 580 znaków

2011-10-17 10:37
zOOm3k
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" ...})

Pozostało 580 znaków

2011-10-17 17:09
blade2
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.

Pozostało 580 znaków

2011-10-17 19:29
zOOm3k
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.

edytowany 1x, ostatnio: madmike, 2016-12-13 18:26
ładuj znaczniki w podwójnych apostrofach, to nie będzie próbował formatować np. &lt;b&gt; - madmike 2011-10-17 19:34

Pozostało 580 znaków

2011-10-18 12:10
blade2
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?

Pozostało 580 znaków

2012-03-16 01:18
Pablo1973
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

Pozostało 580 znaków

2012-03-16 07:00
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ą.


Pozostało 580 znaków

2012-03-17 10:07
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-fa[...]-na-stronie-internetowej.html ? Jakie są zalety i wady opu technik?


Zdecydowanie @font-face. Albo jakieś rozwiązanie na nim oparte. Np. Typekit (płatne). - bswierczynski 2012-03-17 11:15

Pozostało 580 znaków

2012-03-17 10:18
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.


Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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