Cufon ligne de rendu casse

Question

J'utilise CUFON pour la dernière année et demie et ont jamais vu ...

Dire que j'ai:

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

Le texte est rendu correctement, mais la ligne pause se rend comme une nouvelle ligne, par exemple:

<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> 

donc je me retrouve avec un écart de 16px entre les balises h2 et p. La seule chose que j'ai pu faire pour l'empêcher est, tout mettre sur la même ligne ou commentez le saut de ligne:

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

Aussi, je pense qu'il est important de mentionner que cela se produit partout CUFON est utilisé, Ce n'est pas isolé à l'exemple html ci-dessus. Une idée de ce qui pourrait en être la cause?

Merci!

Answer 1

À quoi ressemble votre code Cufon.replace('');?

Cela peut être causé en faisant Replaces paresseux sur de grands éléments parents comme ceci:

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

Au lieu de cela, vous devriez être plus précis et cibler les éléments spécifiques à l'intérieur du conteneur, tels que:

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

Peut-être que ce ne sont pas vos problèmes, mais je l'ai vu arriver avant cela. Faites le moi savoir.