How can I use custom fonts in an HTML5 Canvas element?

Question

The title of the question kind of says it all. I've looked at things like Cufon and typeface.js but they seem to be SIFR alternatives and dont allow you to set freeform coordinates and draw custom type onto a

Anyone got any ideas?

Answer 1

I've thrown together a simple demo on jsfiddle here showing how to do this with @font-face: http://jsfiddle.net/zMKge/

Opera also has a simple tutorial on using <canvas>, including the text API, but I'm not cool enough to have two hyper-links. :)