Javascript 如何在画布元素上呈现图标字体图示符？

我正在使用项目中的字体，需要使用

fillText

将其绘制到画布元素

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

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

如何调试此问题

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

尝试

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

---

一种修复方法是只使用ico moon提供的SVG字体。这条线看起来像这样：

url('../fonts/icomoon.svg#icomoon') format('svg')

---

}

尝试在所需的字符代码之前插入\u，例如，如果字符代码为“0xe00e”，请使用“\u0xe00e”

 context.font = '20px icomoon';
 context.fillText('\u0xe00e', 20, 20);

---

这是一个关于如何在画布上使用@font-face的有用演示，但我真正的问题是，我无法使用unicode字符来呈现字形（甚至无法确定画布元素认为它使用的是哪种字体！）。MichaelForrest：我明白了。你绝对确定你有正确的字符码？你能发布一张画布显示的屏幕截图吗？你从哪里得到字符码？（似乎工作正常，因此我怀疑

CharCode

不正确。嗯，当我将您的小提琴改为使用（我的本地安装的）ICOMUN字体它工作…但它在我的应用程序中不起作用。我需要弄清楚如何看画布元素认为它可以使用什么字体…嗯，好运打猎问题！同时，你能考虑接受我的答案，因为它可能接近我们能得到的吗？：3

@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot');
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'), 
    url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;

 context.font = '20px icomoon';
 context.fillText('\u0xe00e', 20, 20);