Wiele czcionek Cufon - jak?

Próbuję wprowadzić 2 czcionki cufon na tej samej stronie po raz pierwszy. To nie działa.Wiele czcionek Cufon - jak?

W dokumentacji jest to przewidziane jako przykład:

  <script src="Vegur_300.font.js" type="text/javascript"></script> 
    <script src="Myriad_Pro_400.font.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
        Cufon.replace('h1', { fontFamily: 'Vegur' }); 
     Cufon.replace('h2', { fontFamily: 'Myriad Pro' }); 
    </script>

Rzecz ja nie rozumiem - jaki jest związek między fontFamily: „Vegur” i rzeczywisty Vegur_300.font.js plik?

Innymi słowy, w jaki sposób przeglądarka wie, że "Vegur" jest tym konkretnym plikiem?

góry dzięki

Źródło

2010-05-06 swisstony

Wie, ponieważ Vegur_300.font.js plik zawiera Cufon.registerFont polecenia, który zawiera parametr font-family obiektu (w face).

Dopóki wszystkie pliki .js fontu są wykonywane, Cufon pobiera informacje rejestracyjne z danymi krzywej dla każdej czcionki. Dlaczego nie działa dla ciebie, nie mogę spekulować bez dodatkowych informacji. Czy masz przykładową stronę?

Źródło

2010-05-06 01:21:20 Plynx

Dzięki Plynx. Problem rozwiązany! Twoja odpowiedź pomogła mi sprawdzić rzeczywisty plik javascript czcionki. Nie widziałem tej linii: twarz „: {” font-family „:” Unit-MediumLF” więc wiedziałem umieścić«unit-MediumLF»w CSS Myślę, że dokumentacja powinna naprawdę wyróżnić ten lepszy – swisstony

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

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

To zadziałało dla mnie.

Źródło

2010-11-30 19:24:46 Chris

Powodem, dla którego proponuję, jest to, że nie mogłem uzyskać "odpowiedzi" z powyższego, aby dla mnie zadziałało. – Chris

Jest bardzo prosty, pozwala przypuszczać, używasz 2 rodzin czcionek „Segoe UI” i „Bauhaus 93”, a następnie umieścić skrypty, jak pokazano poniżej:

<script src="js/cufon-yui.js" type="text/javascript"></script> 
<script src="js/Segoe_UI_400.font.js" type="text/javascript"></script> 
<script src="js/Bauhaus_93_400.font.js" type="text/javascript"></script> 
<script type="text/javascript"> 
Cufon.replace('h1', { fontFamily: 'Segoe UI' }); 
Cufon.replace('h2', { fontFamily: 'Bauhaus 93' });  
</script>

Źródło

2011-05-27 09:43:44

Podczas generowania czcionkę Cufon na their website, ty podaj nazwę czcionki.

Użyj następującą wartość jako font-family generowanego czcionki (opcjonalnie)

Musisz użyć tej samej nazwy Dzwoniąc Cufon, czy to nie będzie działać prawidłowo. Myślę, że to może być powód, dla którego wymiana czcionek nie działa. W ten sposób Cufon wie, jaką czcionkę masz na myśli, gdy wykonujesz wywołanie fontFamily.

Źródło

2012-09-28 18:57:47

Patrz: https://github.com/sorccu/cufon/wiki/usage

Korzystanie z wielu czcionek

Aby korzystać z wielu czcionek trzeba tylko określić, które czcionki chcesz użyć i gotowe:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<script src="cufon-yui.js" type="text/javascript"></script> 
<script src="Vegur_300.font.js" type="text/javascript"></script> 
<script src="Myriad_Pro_400.font.js" type="text/javascript"></script> 
<script type="text/javascript"> 
Cufon.replace('h1', { fontFamily: 'Vegur' }); 
Cufon.replace('h2', { fontFamily: 'Myriad Pro' }); 
</script> 
</head> 
<body> 
<h1>This text will be shown in Vegur.</h1> 
<h2>This text will be shown in Myriad Pro.</h2> 
</body> 
</html>

Źródło

2012-10-08 23:41:44

Wiele czcionek Cufon - jak?

Odpowiedz

Powiązane problemy