将FontAwesome图标包含到SVG中

Question

我已经做了Duopixes在这个问题中说的所有内容，但没有帮助。图标仍显示为文本。这里是我的HTML:

<g class="info-container" transform="translate(240,283)">
    <text class="svg-icon" x="-60" y="0">&#xf040</text>
</g>

和

.svg-icon{
    font-family: FontAwesome;
  }

样式应用于文本元素，FontAwesome.css附加到页面。我做错了什么？

更新：我正在通过D3.js库创建svg元素。这就是重点。

Answer 1

答案就在这里。在D3图表中，我们需要使用\ufXXX格式作为图标文本。

infoGroup.append("text").attr("class", "svg-icon").text("uf005");