Canvas 在ionic 1中将Ionion图标添加到画布

我正在尝试为我的ionic 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);
};

但出于某种原因，它把所有的图标都画成了正方形。

在呈现时，它无法识别字体，即使图标字体已清楚加载，因为页面的其余部分显示的图标没有任何问题

如果能得到帮助，我将不胜感激