javascript - 如果 HTML2Canvas 遵循 f，则不会在 chrome 中呈现 'i'

Question

我对 HTML2Canvas 有一个非常奇怪的问题。如果 i 在 chrome 中跟在 f 之后并且它把 f 大写，它不会渲染字母 i。在 Firefox 中没有问题。

我不想更改字体，它是一种嵌入式字体 (Ubuntu)，也许这就是问题所在？

<script type="text/javascript">
var $loading = $('#loader').hide();
$('#carddownload').on('click', function() {
showimage(); 
});
$(document)
.ajaxStart(function () {
$loading.show();
})
.ajaxStop(function () {
$loading.hide();
});
function showimage(){
html2canvas([document.getElementById('card')], {
onrendered: function(canvas)
{
var name = $(".tcgnamecell").html();
var n = name.indexOf("<br>");
var data = {};
data['name'] = name.substr(0); 
data['img'] = canvas.toDataURL();
var n = data['name'].indexOf("<br>");

$.post("save.php", {image: data}, function (file) {
window.location.href ="download.php?path=" + file;
});
}
});
}
</script>

Answer 1

某些字体无法在 HTML2Canvas 中正确呈现，无论您使用的是谷歌字体还是嵌入式字体。我使用了不同的字体。 blue highway rg.ttf 类似于 Ubuntu。