Javascript html2canvas字体在下载图像后已更改

我正在使用一个html文件，该文件将通过canvas进行转换，并准备一个供下载的图像

 <div class="container">
        <div class="row p-0">
            <div class="col-sm-12 col-lg-4 p-0"  id="html-content-holder">
//html code is here
</div>
</div>
</div>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://files.codepedia.info/files/uploads/iScripts/html2canvas.js"></script>
    <script type="text/javascript">
        var element = $("#html-content-holder"); // global variable
        var getCanvas; // global variable
        $("#btn-Convert-Html2Image").on('click', function () {
            html2canvas(element, {
                onrendered: function (canvas) {
                    // $("#previewImage").append(canvas);
                    getCanvas = canvas;

                }
            });
            var imgageData = getCanvas.toDataURL("image/png");
            var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream");
            $("#btn-Convert-Html2Image").attr("download", <?php echo $order->customer->phone;?>+".png").attr("href", newData);
        });
        window.stop();
    </script>

//html代码在这里
var元素=$（“#html内容持有者”）；//全局变量
var getCanvas；//全局变量
$（“#btn-Convert-Html2Image”）。在（'click'，函数（）{
html2canvas（元素{
onrendered：函数（画布）{
//$（“#预览图像”）.append（画布）；
getCanvas=canvas；
}
});
var imgageData=getCanvas.toDataURL（“image/png”）；
var newData=imgageData.replace（/^data:image\/png/，“data:application/octet stream”）；
$（“#btn-Convert-Html2Image”）.attr（“下载”+“.png”）.attr（“href”，newData）；
});
window.stop（）；

---

一切都很好，很好的转换，但问题是字体已经被改变后下载，特别是当从桌面下载

您使用拉丁语文本还是非拉丁语文本，html2canvas在呈现非拉丁字体（如泰语、汉语、阿拉伯语等）时遇到一些问题。我使用拉丁语，但现在字体仍在更改