在离子1中将Ionicon添加到画布中

Question

我正在尝试为我的离子1应用程序构建一个座位图，我有一个名为drawSquare的函数，如下所示：

var drawSquare = function(xPos, yPos, width, height) {
    var ctx = scope.canvas.ctx;

    ctx.fillStyle = '#7854AF';
    ctx.font = fontSize + 'px Ionicons';

    ctx.fillText(String.fromCharCode(0xf3a6), xPos, yPos);
};

但出于某种原因，它将所有图标都画成方形。

以某种方式，它在渲染时无法识别字体，即使图标字体已明确加载，因为页面的其余部分显示图标没有任何问题。

我很感激你的帮助。