FontAwesome specifies glyphs in its CSS file like so:
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure
screen readers do not read off random characters that represent icons */
.icon-glass:before { content: "\f000"; }
.icon-music:before { content: "\f001"; }
I am trying to render icons from this font to a canvas element but can't see how to access these glyphs.
ctx.font = "40px FontAwesome";
ctx.fillText("\f000",20,20); // no cigar
How do I specify these glyphs in JavaScript strings?
You should use String.fromCharCode :
ctx.fillText(String.fromCharCode("0xf000"), 20, 20);
or this syntax for Unicode escapes :
ctx.fillText("\uf000", 20, 20);
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.