html2canvas在svg中导出错误的字体

Question

this fiddle中的

有一个问题的基本示例。导出的图像包含的字体与源中使用的字体不同。我该如何解决这个问题？

JS：

$(document).ready(function(){
    $('#export').on('click', function() {       
        html2canvas(document.body, {
            onrendered: function(canvas) {
                document.body.appendChild(canvas);
            },
        });
    });
});

HTML：

<input type="button" id="export" value="Export"/>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">

<text x="162" text-anchor="middle" class="highcharts-title" zindex="4" style="color:#333333;font-size:18px;font-weight:normal;text-decoration:normal;font-family:Lucida Grande,Lucida Sans Unicode, Arial, Helvetica, sans-serif;visibility:visible;fill:#333333;width:260px;" y="25">Inventory</text>
</svg>