Cufon渲染换行符

Question

我在过去一年半中一直在使用 cufon，但从未见过这个...

假设我有：

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

文本渲染正确，但换行符渲染为新行，例如：

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

所以我最终得到 16px h2 和 p 标签之间的间隙。我唯一能做的就是，将所有内容放在同一行或注释掉换行符：

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

另外，我认为重要的是要提到这种情况发生在使用 cufon 的任何地方，它与 html 示例无关多于。知道是什么原因造成的吗？

谢谢！

Answer 1

您的 Cufon.replace(''); 代码是什么样的？

这可能是由于对大型父元素进行惰性替换造成的，如下所示：

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

相反，您应该更加具体并针对容器内的特定元素，例如：

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

也许这不是您的问题，但我以前见过这种情况发生过。让我知道。