WebFonts && Canvas

WebFonts Sample

...
var ctx = document.getElementById("canvas-area").getContext("2d");
ctx.textAlign    = "center";
ctx.textBaseline = "middle";
document.getElementById("canvas-draw1").addEventListener("click", function(event) {
  ctx.fillStyle = "red";
  ctx.font = "72px 'Monofett', cursive";
  ctx.fillText("WebFonts", 400 , 50);
});
...