如何在d3节点上正确添加FontAwesome图标？

Question

我正在尝试通过超棒的字体在文本节点上添加图标。整个html都没有显示给我适当的图标，而是显示了fontawesome-i2svg-active fontawesome-i2svg-complete类，并且页面上显示了一个大问号/感叹号。

我尝试应用以下代码，这些代码是我在fontawesome github页面上得到的答复。

const textEnter = textElements
  .enter()
  .append('text')
  .attr('x', 15)
  .attr('y', -17)
  .attr('fill', 'black')
  .attr('class', 'fa')
  .attr('font-size', '20')
  .text('\uf2b9');

编辑：

此处提供的解决方案无效：

Action

Answer 1

您使用的是Font-Awesome字体吗？ 与检查员仔细检查，将FontAwesome设置为font-family

另一种解决方案是使用字体真棒svg文件作为图像。 或者根据您的设置，甚至可以直接在源代码中直接内嵌svg文件。