将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元素。这就是要点。

Answer 1

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

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