title: Font Awesome don't work inside Stenciljs component
body: <p><strong>Stencil version:</strong></p>
  
  <pre><code> @stencil/core@1.3.0 
  </code></pre>
  
  <p>I want to use font awesome inside my Stencil component. </p>
  
  <p>I followed these steps <a href="https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers" rel="noreferrer">https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers</a></p>
  
  <p>1 - Create a "Stencil component starter" project</p>
  
  <p>2 - Install fontawesome <code>npm install --save-dev @fortawesome/fontawesome-free</code></p>
  
  <p>3 - I've referenced font awesome inside <strong>src/index.html</strong></p>
  
  <pre><code>&lt;script src="../node_modules/@fortawesome/fontawesome-free/css/all.css"&gt;&lt;/script&gt;
      &lt;script src="../node_modules/@fortawesome/fontawesome-free/js/all.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>4 - I've added the icon inside my component</p>
  
  <pre><code>...
    render() {
      return (
        &lt;button&gt;
          &lt;i class="fas fa-camera"&gt;&lt;/i&gt;
        &lt;/button&gt;
      );
    }
  ...
  </code></pre>
  
  <p>5-  <code>&lt;i class="fas fa-camera"&gt;&lt;/i&gt;</code></p>
  
  <p>I'm not able to include font awesome inside my stencil component. I'm stuck here.</p>