HTML canvas - canvas.context.font重置

Question

我正在制作一个简单的画布游戏。

http://codepen.io/mrbizle/pen/qZREjN

当我尝试在requestAnimationFrame循环中设置canvas.context.font时，它会不断被重置为默认值。我知道更改画布属性（如高度和宽度）可以重置这些值。但我看不出我在做什么。

相关功能：

render.level

level : function () {
    ctx.font = "Regular 50px Lato";

    console.log(ctx.font); 

    ctx.fillStyle = "rgb(255, 255, 255)";

    ctx.fillText("level", 50, 25);
},

gameLoop

/**
 * The main loop for the game
 */
function gameLoop() {
    now = Date.now();
    drawTime = (now - lastDrawTime) / 1000.0;

    update.init();
    render.init();

    if(isGameComplete === true) {
        reset();
    }

    lastDrawTime = now;

    requestAnimationFrame(gameLoop);
};

console.log在Google Chrome中产生10px sans-serif