How to disable Cufon on certain elements?

javascript html css cufon
Shadi Almosri picture Shadi Almosri · Apr 29, 2010 · Viewed 18.3k times · Source

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

Answer

Thomas Maas picture Thomas Maas · Apr 29, 2010

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)');

Related questions

Retrieve the position (X,Y) of an HTML element relative to the browser window

I want to know how to get the X and Y position of HTML elements such as img and div in JavaScript relative to the browser window.

Read More
Set cookie and get cookie with JavaScript

I'm trying to set a cookie depending on which CSS file I choose in my HTML. I have a form with a list of options, and different CSS files as values. When I choose a file, it should be saved …

Read More
Failed to load resource: the server responded with a status of 404 (Not Found)

I can't solve my link problem. Could you help on to this to link CSS and JS File? CSS: <link href="../Jquery/jquery.multiselect.css" rel="stylesheet"/> <link href="../Jquery/style.css" rel="stylesheet" /> <link …

Read More