cufon not working on 2nd page

steacha

My code is essentially like this:

// 1 - use cufon on headers and cells
Cufon.replace("th", { fontFamily: "Trebuchet" });
Cufon.replace(".name", { fontFamily: "Trebuchet" });

// 2 - init data table
$('#mytable').dataTable({...});

Now, everything is fine on page 1. However, on page 2, the headers are still using cufon without any problems, but the cells that have the class 'name' attached to them are using the browser's default font as opposed to the clearly rendered cufon.

As per http://datatables.net/faqs#events, if I apply of my events before initializing the data table, everything should work fine, but it is obviously not the case.

I'm using jquery.dataTables.js version 1.6.2 (but tested with 1.9.3 too and same problem).

allan

Most likely you need to run Cufon in fnDrawCallback .

Allan

steacha

That solved it, thanks allan!