Встроенный шрифт в изображение base64

Я дал svg с некоторыми пользовательскими шрифтами (встроенными через css font-face). В браузере он работает нормально, но если я попытаюсь сделать кодированное изображение с базой 64 из SVG, шрифт не будет распознаваться.

Gere - мои коды:

CSS

    svg,text, textPath{
    font-family: 'MyFont';  
    }

@font-face
{
    font-family: MyFont;
    src: src: url(data:application/x-font-ttf;base64,AAEAAAAQA...);
}

JS im с использованием RaphaelJS

//set the text font
t.attr({"font-family": "MyFont"})

//make the snapshot
    var source = new Image();
    $("body").append(source);
    $('body').click(function(){

        // record start time
        var startTime = new Date();

        var svg = $('#paper').html();

        var mySrc = 'data:image/svg+xml;base64,'+Base64.encode(svg);

        //source.src = base64Path + "?" + mySrc.slice(5);
        source.src = mySrc;

        var endTime = new Date();

        console.log(endTime - startTime);


    });