title: How can to implement FontAwesome v5 icons in D3js v4 and Angular 4
body: <p><strong>Stack</strong></p>
  
  <ul>
  <li>FontAwesome v5</li>
  <li>D3js v4</li>
  <li>Angular 4</li>
  </ul>
  
  <p><strong>Scenario</strong></p>
  
  <p>I have a hierarchy tree with nodes that have option bubbles appended to it (think of it as Mickey Mouse balloon where the face is the node and the appended nodes are the ears). I would like those options to show an icon like FontAwesome's <em><a href="https://fontawesome.com/icons/info?style=solid" rel="nofollow noreferrer">i</a></em> for more information or <a href="https://fontawesome.com/icons/times?style=solid" rel="nofollow noreferrer">x</a> to delete.</p>
  
  <pre><code>mickey.append('text')
    .attr('x', 15)
    .attr('y', -17)
    .attr('fill', 'black')
    .attr('font-family', 'FontAwesome')
    .attr('font-size', function (d) { return '20px' })
    .text(function (d) { return '\uf2b9' });
  </code></pre>
  
  <p>I also imported the FontAwesome 5 javascript CDN in <code>index.html</code></p>
  
  <pre><code>&lt;script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/WeW3q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WeW3q.png" alt="enter image description here"></a></p>
  
  <p>Above is what we currently have. The left ear has <code>.text('i')</code> and the right is the FontAwesome icon I am trying to render.</p>
  
  <blockquote>
    <p>Additonally, We are already using FontAwesome throughout the app using <code>&lt;i&gt;</code>'s, but I'm not sure how to use it as a font-family to be able to implement it with D3 in the SVG.</p>
  </blockquote>
  
  <p><strong>Possible Solution</strong></p>
  
  <p>I found <a href="https://stackoverflow.com/a/19385042/7599886">this solution</a> in another post which is almost exactly what I need but wasn't sure how to bring everything together.</p>
  
  <p><strong>Request</strong></p>
  
  <p>Can someone provide some sample code that shows how to import and use FontAwesome v5 in a D3.js V4 created <code>text</code> svg in Angular 4?</p>
  
  <p><strong>Thanks!</strong></p>