嵌入字體在base64圖像

我給svg一些自定義字體（嵌入通過CSS的字體）在瀏覽器中它工作正常，但如果我嘗試從SVG製作base64編碼圖像，字體不會是認識。嵌入字體在base64圖像

enter image description here

基爾是我的代碼：

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's 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); 


    });

來源

2013-10-18 user1930254