¿Cómo desactivar Cufon en ciertos elementos?

Actualmente uso Cufon en nuestro sitio con algo similar a Cufon.set('fontFamily', 'DIN Medium').replace('h1'); Ahora, para una sola etiqueta H1, me gustaría que se deshabilite Cufon, esto sin cambiar la etiqueta H1 a ninguna otra etiqueta, debe permanecer como está.

Puedo agregar clases, etc. a la etiqueta H1 si es necesario, y puedo hacer cualquier HTML / CSS / JS simplemente sin cambiar la etiqueta real.

Alguien sabe si esto es posible y si es así?

Gracias por adelantado,

Shadi

Según el motor de selección que use, puede:

  • agrega una clase a tu elemento de excepción h1
  • puede usar el selector: not para aplicar solo cufon a los h1 que no tienen la clase mencionada (con jQuery y classname ‘clean’ sería algo así como Cufon.replace('h1:not(.clean)');
 function remove_cufon(selector) { $(selector).html( cufon_text(selector) ); return true; } function cufon_text(selector) { var g = ''; $(selector +' cufon cufontext').each(function() { g = g + $(this).html(); }); return $.trim(g); } 

Uso:

 remove_cufon('#name'); 

Usando jQuery: use la clase css en h1 y especifique en el selector …

 $('h1.noCufon').each(function(){ var cufonText = ''; $('cufontext',$(this)).each(function(){ cufonText+=$(this).html(); }); if(cufonText!=''){ $(this).html(cufonText); } }) 

por solo h1 te refieres?

 $('h1').each(function(){ if($(this).siblings('h1').length) Cufon.set('fontFamily', 'DIN Medium').replace(this); });