Tipi di carattere Cufon multipli - Come?

Sto provando ad implementare 2 font cufon sulla stessa pagina per la prima volta. La sua non funziona.Tipi di carattere Cufon multipli - Come?

Nella documentazione questo è fornito come esempio:

  <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>

La cosa che non capisco è - qual è il legame tra fontFamily: 'Vegur' e l'effettiva Vegur_300.font.js file?

In altre parole, come fa il browser a sapere che "Vegur" è quel particolare file?

grazie in anticipo

fonte

2010-05-06 swisstony

sa perché il file Vegur_300.font.js contiene un comando Cufon.registerFont che contiene il parametro font-family oggetto (in face).

Fintanto che tutti i file .js font sono in esecuzione, Cufon sta ottenendo le informazioni di registrazione con i dati della curva per ogni carattere. Per quanto riguarda il motivo per cui non funziona per te, non posso speculare senza ulteriori informazioni. Hai un sito di esempio?

fonte

2010-05-06 01:21:20 Plynx

Grazie Plynx. Problema risolto! La tua risposta mi ha aiutato a controllare il vero file javascript del font. Lì ho visto questa linea: faccia ": {" font-family ":" Unità-MediumLF" quindi sapevo di mettere 'Unità-MediumLF' nel CSS Penso che la documentazione dovrebbe davvero mettere in evidenza questo meglio – 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>

Questo ha funzionato per me.

fonte

2010-11-30 19:24:46 Chris

Il motivo per cui suggerisco questo è perché non ho potuto ottenere la "risposta" da sopra per lavorare per me. – Chris

E 'molto semplice, consente di supporre che si sta utilizzando 2 famiglie di font "Segoe UI" e "Bauhaus 93" quindi inserire gli script come illustrato di seguito:

<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>

fonte

2011-05-27 09:43:44

Quando si genera il vostro font Cufon su their website, è specificare un nome da utilizzare per il font.

utilizzare il seguente valore come il font-family del carattere generato (opzionale)

Devi usare lo stesso nome quando si chiama Cufon, o non funzionerà correttamente. Penso che questo potrebbe essere il motivo per cui la sostituzione del tuo font non funziona. Questo è il modo in cui Cufon conosce il tipo di carattere a cui ti stai riferendo quando fai il fontFamily call.

fonte

2012-09-28 18:57:47

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

L'utilizzo di più tipi di carattere

Per utilizzare più tipi di carattere avete solo bisogno di specificare quale tipo di carattere che si desidera utilizzare e siete a posto:

<!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>

fonte

2012-10-08 23:41:44

Tipi di carattere Cufon multipli - Come?

risposta

Problemi correlati