Search code examples
javascripthtmlcsscufon

How to disable Cufon on certain elements?

I currently use Cufon accross our site with something similar to Cufon.set('fontFamily', 'DIN Medium').replace('h1'); Now for a single H1 tag i would like Cufon to be disabled, this is without changing the H1 tag to any other tag, it must remain as it is.

I can add classes etc to the H1 tag if required, and can do any HTML/CSS/JS just not changing the actual tag.

Anyone know if this is possible and if it is how?

Thanks in advance,

Shadi

Solution

  • Depending on which selector engine you use, you can:

    • add a class to your exception h1 element
    • you can use the :not selector to only apply cufon to the h1's that don't have the aforementioned class (with jQuery and classname 'clean' it would be something like Cufon.replace('h1:not(.clean)');