Cufon渲染线断裂

时间:2010-08-18 17:23:03

标签: javascript cufon

过去一年半我一直在使用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>

所以我最终在h2和p标签之间存在16px的差距。我唯一能做的就是阻止它,将所有内容放在同一行或注释掉换行符:

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

此外,我认为重要的是要提到这种情况发生在使用cufon的任何地方,它不会与上面的html示例隔离。知道是什么导致了这个吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

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

这可以通过对大型父元素进行延迟替换来实现,如下所示:

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

相反,您应该更具体,并定位容器内的特定元素,例如:

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

也许这不是你的问题,但我已经看到它发生在这种方式之前。让我知道。