How to disable Cufon on certain elements?

Question

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

score 11 · Accepted Answer · answered Apr 29 '10 at 21:07

11

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

answered Apr 29 '10 at 21:07

Thomas Maas

1,999
12
8

Genious solution! Exactly what I needed:) – Rob May 04 '11 at 10:20
Can you make fiddle for it, I didn't get answer. – Kesar Sisodiya May 13 '14 at 11:35

score 3 · Answer 2 · edited Dec 16 '11 at 01:43

3

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

Usage:

remove_cufon('#name');

edited Dec 16 '11 at 01:43

Ryan Wersal

3,210
1
20
29

answered Feb 17 '11 at 21:26

THE

31
1

score 1 · Answer 3 · answered Jun 28 '12 at 06:51

Using jQuery: Use the css class to h1 and specify in the selector...

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

Funky Dude · Answer 4 · 2010-04-30T01:26:29.810

0

by single h1 you mean?

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

edited Apr 30 '10 at 01:26

answered Apr 29 '10 at 14:58

Funky Dude

3,867
2
23
33

I don't think that will work, you are telling Cufon to replace all the h1 elements again. You can send the DOM element though. – jpabluz Apr 29 '10 at 15:07
This will just style all H1 tags. – Shadi Almosri Apr 29 '10 at 15:31

How to disable Cufon on certain elements?

4 Answers4

Linked