jqueryjquery-selectorsfontsfont-facecufon

Cufon don't exclude the elements with the selector :not


I searched on the web and stackoverflow a solution for exclude an element of Cufon transformation, because my font 'BlueHighwayDType' dosen't contains the '' symbol so I must exclude this element for be able see it on the ie7/8. http://www.matteowebdesigner.com/test/yesimove/

<!--head-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/cufon-yui.min.js"></script>
<script type="text/javascript" src="js/Blue_Highway_D_Type_400.font.js"></script>
<script type="text/javascript" src="js/mind-ie.js"></script>
<![endif]-->

The elements that I want replace are p and the element that I want exclude is span.small

<!--body-->
<article>
    <p>L'unico <strong>Personal Trainer</strong> <br/>
    che ti segue ovunque</p>
    <p>e ti permette di <strong>condividere</strong> 
    i tuoi progressi con i tuoi amici.</p>
    <p>A soli <strong>9.<span class="small">99 &euro;</span></strong> al mese !</p>
</article>

So I tried the example that i find on the web and I used the selector ':not' but it dosen't worked. look this:

/*mind-ie.js*/
$(document).ready(function() { // Start Functions
    Cufon.replace('#main #slogan section article p:not(.small)');
});

I don't understand because it doesn't work, I thought the selector was correct.


Solution

  • Even if in this case exclude all span element.

    Cufon.replace('#main #slogan section article p',{ignore:{span:true}});