Unicode символы не отображаются должным образом в HTML5 canvas
Я пытаюсь отрисовать скриптовый ключ Unicode, используя элемент HTML5 canvas. При использовании правильного символьного кода (в частности, 1D120), он отлично отображается в HTML, но когда я пытаюсь использовать его внутри холста, появляется странный символ
Следующий код находится в моем файле JavaScript, который работает на холсте ...
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
context.font = "48px serif";
context.strokeText("\u1D120", 10, 50);
<h1>𝄠</h1>
<canvas id="canvas" width="100" height="100">
</canvas>
К сожалению, я не могу поставить изображение персонажа, потому что мой повтор пока слишком низок.
Любое понимание того, что может быть причиной этой проблемы, приветствуется. Заранее спасибо!