Cómo renderizar glifos de FontAwesome en un elemento Canvas

FontAwesome especifica glifos en su file 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 icons de esta fuente en un elemento de canvas 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?

Deberías usar String.fromCharCode :

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

o esta syntax para escapes Unicode:

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