Dificuldade em colocar o texto

Olá, Leandro, fiz essas alterações no seu código e funcionou:

<canvas width="600" height="400"></canvas>

<script> 

    function desenhaTexto(texto, x , y) {
            var tela = document.querySelector('canvas');
            var pincel = tela.getContext('2d');

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

        desenhaTexto("Qual é a fração?", 50, 80);

    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.fillStroke = '#4E2F2F';
            pincel.strokeRect(x, y, tamanho, tamanho);
        }

        var x = 0; 
        for (var i = 0;  i < 4; i++){
            if(i == 3) {
                cor = '#CC3299';
            } else {
                cor = '#00FF7F';
            }
            desenhaQuadrado(x, 0, 50, cor);
            x += 50;
        }  

        </script>

Não sei se o que você postou é o seu código completo, mas está faltando a tag "canvas" do início e também aumentei o valor de "y" na função "desenhaTexto" para 80, para que o texto não apareça por cima do desenho. Bons estudos!