title: I can't get my font-awesome icons to show up. Tried importing css with multiple methods
body: <p>I'm building a website portfolio using a HTML template. I don't have too much experience with css, but after importing the font-awesome css file both as a link and file in my django project, the icons are showing up as little boxes. I know the css file is being recognized because when I comment it out the boxes go away. I think there may be something deeper going on with the css that I don't understand. </p>
  
  <p>I suspect there's something going on in the main css file if someone could help me out. Thanks!</p>
  
  <p>Here's the code from the template:</p>
  
  <pre><code>&lt;ul class="special"&gt;
      &lt;li&gt;&lt;i class="fab fa-pencil" title="Edit"&gt;&lt;/i&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="icon fa-search"&gt;&lt;span class="label"&gt;Magnifier&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="icon fa-tablet"&gt;&lt;span class="label"&gt;Tablet&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="icon fa-flask"&gt;&lt;span class="label"&gt;Flask&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="icon fa-cog"&gt;&lt;span class="label"&gt;Cog?&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Here's what I've imported:</p>
  
  <pre><code> &lt;link rel="stylesheet" type='text/css' href="{% static "css/main.css" %}" /&gt;
   &lt;!-- &lt;link rel="stylesheet" href="{% static "css/all.css" %}" &gt; --&gt;
   &lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"&gt;
  &lt;/head&gt;
  </code></pre>