javascript - 如何在 Canvas 元素上呈现图标字体字形？

Question

我正在使用 http://icomoon.io/ 中的字体在一个项目上，需要用 fillText 将其绘制到 Canvas 元素上.

var charCode = 0xe00e;
context.font = "20px icomoon";
context.fillText(String.fromCharCode(charCode));

该字体包含在 CSS 中(并且也安装在本地)，但不是我想看到的房子的图片，而是呈现“2”。

我能做些什么来调试这个问题？

更清楚一点:我试图通过字符代码而不是简单的字符串来呈现特定的字形。

Answer 1

试试 this

@font-face {
    font-family: 'KulminoituvaRegular';
    src: url('http://www.miketaylr.com/f/kulminoituva.ttf');
}

var ctx = document.getElementById('c').getContext('2d');
ctx.font = '36px KulminoituvaRegular';
ctx.textBaseline = 'top';
ctx.fillStyle = 'black';
ctx.fillText  ('Kulminoituva Regular', 10, 10);