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>&#x1D120;</h1>

<canvas id="canvas" width="100" height="100">
</canvas>

К сожалению, я не могу поставить изображение персонажа, потому что мой повтор пока слишком низок.

Любое понимание того, что может быть причиной этой проблемы, приветствуется. Заранее спасибо!