Gap Cufon Rendering Line

Question

I have been using cufon for the past year and a half and have never seen this ...

Say I have:

<h2 class="my_font">This is some text</h2>    
<p class="my_font">This is some more text</p>

The text is rendered correctly, but a line break gets rendered as a new line, for example:

<h2 class="my_font"><cufon class="cufon cufon-canvas" alt=" " style="width: 5px; height: 16px; ">...</cufon</h2>

<cufon class="cufon cufon-canvas" alt=" " style="width: 5px; height: 16px; ">...</cufon>

<p class="my_font"><cufon class="cufon cufon-canvas" alt=" " style="width: 5px; height: 16px; ">...</cufon</p>

So, I am ending the 16px gap between h2 and p tags. The only thing I could do to prevent this was to put everything on one line or comment out a line break:

<h2 class="my_font">This is some text</h2><!--    
--><p class="my_font">This is some more text</p>

In addition, I find it important to mention that this happens wherever cufon is used, it is not isolated from the html example above. Any idea what could be causing this?

Thank!

Answer 1

What does your code look like Cufon.replace('');?

, :

Cufon.replace('ul, div#foo');

, :

Cufon.replace('div#foo h2, div#foo span');

, , , . .