将FontAwesome图标包含到SVG中

Question

我已经完成了所有Duopixes在this question中所说的但是没有用。图标仍显示为文本。 这是我的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-elements。这就是重点。

Answer 1

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

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