SVG에 FontAwesome 아이콘을 포함

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");