D3.js text element does not display unicode character correctly

I'm trying to append ➤ into SVG using unicode as seen below.

g.append("text")
        .attr("x", function(d) { return x(d.value) })
        .attr("y", 10)
        .attr("dy", ".55em")
        .attr("font-family", "FontAwesome")
        .text("➤");

➤ is displayed, but not ➤