Escludendo alcuni tag dal sistema Cufon Font
Domanda
sto usando Cufon per caricare alcune belle font con javascript. E, come ho molti tag, utilizzare le seguenti istruzioni per sostituire tutti i tag:
Cufon.replace('*', { fontFamily: 'MyFont' });
Ma, di recente ho deciso di escludere alcune classi di tag dalla sostituzione. C'è un'istruzione del tipo:
Cufon.exclude('TheClassToExclude');
Soluzione
Utilizzo *
come selettore è una bella cattiva idea. Per uno, sta andando a prendere sempre per caricare la pagina ed eseguire lo script, come blocchi Cufon il browser mentre si fa il disegno. In secondo luogo, il testo non sarà visibile selezionabili, a seconda del browser. (A questo punto, FF3.6 non mostra selezioni sul testo Cufon)
Ma per rispondere alla tua domanda, si può dire Cufon per impostare su certe classi, basta aggiungere le classi per gli elementi che si desidera disegnato da Cufon, piuttosto che il contrario.
Cufon.replace('h2.cufon', { fontFamily: 'MyFont' });
Modifica
appena scoperto che se si sta utilizzando una libreria JavaScript come jQuery, è possibile utilizzare un selettore diverso per escludere elementi.
Cufon.replace('h2:not(.nocufon)', { fontFamily: 'MyFont' });
Questo dovrebbe sostituire tutti gli elementi H2
con il testo Cufon, ad eccezione di quelli con la classe nocufon
.
Altri suggerimenti
È possibile utilizzare il '>' s fino a selezionare una precisa classe di elemento / elemento. Sto usando questo modo su un sito Drupal per selezionare tutti i livello 2 collegamenti della barra laterale,
'# sidebar-sinistra .menu-level-2> ul.menu> li> un'