How can I wait for the first drag of the canvas to load the font font-face?

Question

I have HTML5-canvas and write text using context.fillText(...); using the font @ font-face.
Displaying a page using Firefox (3.6) I have a problem that the font is not yet loaded on the first paint of the canvas, so the text will be displayed with a standard font.
I found a “solution” here, but it doesn’t work, because the font is used only in the canvas, and the canvas is loaded and displayed using ajax using jQuery.
Is there a better solution than trying to use the setTimeout(repaintCanvas, 500); timeout setTimeout(repaintCanvas, 500); ?

Answer 1

I think I found a solution using Reigel's answer:

 $.get('font/url.ttf', function() { // do canvas codes.... cause font is loaded... }); 

Also, use the font through font-family: 'fontfacename'; for the parent canvas element.
Maybe the font loads twice, I don’t know. But without a second load, it will not display correctly.

Answer 2

well, you could try this,

 $.get('font/url.ttf',function(){ // do canvas codes.... cause font is loaded... });