Erro no pincel.font

<meta charset="utf-8">
<canvas width= "600" height="400">

</canvas>

<script>

    function desenhaQuadrado(x, y, tamanho, cor){

        var tela = document.querySelector("canvas");
        var pincel = tela.getContext("2d");

        pincel.fillStyle = cor;
        pincel.fillRect(x, y, tamanho, tamanho);
        pincel.strokeStyle = 'black';
        pincel.strokeRect(x, y, tamanho, tamanho);
    }

    function desenhaTexto(texto, x, y){
        pincel.font = '20px Georgia';
        pincel.fillStyle = 'black';
        pincel.fillText(texto, x, y);
    }

    desenhaTexto("Qual a Fração?", 0, 100);

    desenhaQuadrado(0, 0, 50, 'green');
    desenhaQuadrado(50, 0, 50, 'green');
    desenhaQuadrado(100, 0, 50, 'green');
    desenhaQuadrado(150, 0, 50, 'white');    

</script>

no meu navegadro diz que o pincel.font = '20px Georgia'; está dando erro, mas não sei o porquê.