views:

91

answers:

0

I'm using Cufon to render the font for my Jquery Tabs. A strange problem I'm finding is that with the first tab, the text isn't rendered. If I remove Cufon, the text is there, or if I remove jquery tabs (so that its just html list items) the text is there (properly rendered by cufon).

There seems to be timing issue with the loading I think, where cufon renders the text, but then the jquery tabs css is applied, and perhaps they are 'breaking' each other.

Anybody had this issue?

$(document).ready(function() { Cufon.replace('.tab'); });
<ul class="tabnav">
    <li><a href="bottoms.html" title="Bottoms"><div class="tab">Bottoms</div></a></li>
    <li><a href="tops.html" title="Tops"><div class="tab">Tops</div></a></li>
    <li><a href="skirts.html" title="Skirts"><div class="tab">Skirts</div></a></li>
    <li><a href="dresses.html" title="Dresses"><div class="tab">Dresses</div></a></li>
    <li><a href="shoes.html" title="Shoes"><div class="tab">Shoes</div></a></li>
</ul>