var drawText = function(){ var ctx = document.querySelector("#canvas-area").getContext("2d"); ctx.fillStyle = "pink"; ctx.font = "72px Monofett, sans-serif"; ctx.fillText("I love WebFonts", 10 , 100); }; document.fonts.load("72px Monofett, sans-serif").then(drawText);