javascript - usar - font awesome vue

Cómo renderizar glifos de FontAwesome en un elemento Canvas

Question

FontAwesome especifica glifos en su archivo CSS así:

/*  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"; }

Intento representar iconos de esta fuente en un elemento de lienzo pero no puedo ver cómo acceder a estos glifos.

ctx.font = "40px FontAwesome";
ctx.fillText("/f000",20,20); // no cigar

¿Cómo especifico estos glifos en cadenas de JavaScript?

Answer 1

Deberías usar String.fromCharCode :

ctx.fillText(String.fromCharCode("0xf000"), 20, 20);

o esta sintaxis para escapes Unicode:

ctx.fillText("/uf000", 20, 20);