title: Boootstrap glyphicons Firefox issues
body: <p>I know that there's many other problems similar to this, but mine doesn't seem to meet any of the criteria of the other issues.</p>
  
  <p>My Bootstrap 3 glyphicons are working for every browser except Firefox.  On Firefox, they display as weird symbols. This same problem is notorious when serving the glyphicons from a CDN, but that's not my issue as I'm using locally hosted font files.  Also, I've already ensured that my files aren't corrupted.</p>
  
  <p>Here's my code.</p>
  
  <pre><code>&lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap.min.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap-style.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" media="all" href="/assets/css/style.css" /&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>The code for the glyphicon:</p>
  
  <pre><code>&lt;span class="glyphicon glyphicon-list-alt section-icon"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>I've already ensured that my files are addressed appropriately and made sure to clear my cache. I can't tell what I'm missing here.  Suggestions?</p>