Font-awesome showing up as squares
<p>I'm trying to get Font-Awesome (v4.7) to work but it's only showing up as squares. I have the fonts folder in the root of my site and the css in a folder called style. I've added the fonts into the fonts directory and I confirmed the font-awesome.css file @font-face has a url of "../fonts/". I'm assuming that's reference is used by the CSS so that it would be correct if the CSS is in a sub folder of the root and then the font is in the root/fonts folder.</p>

<p>The bootstrap glyphicons work and the bootstrap fonts are in the same directory as the font-awesome fonts. </p>

<pre><code>&lt;span class="fa fa-refresh"&gt;FA&lt;/span&gt;
&lt;span class="glyphicon glyphicon-cloud"&gt;glyph&lt;/span&gt;
</code></pre>

<p>If I look at the dev tools I don't see any errors and I can see the font-awesome tag like it should be.</p>

<p>Anyone have any suggestions?</p>

<p><a href="https://i.stack.imgur.com/95xHG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/95xHG.png" alt="enter image description here"></a></p>

<p>MasterPage. I don't know why all the expires are there, I inherited this site but I don't think that's part of the problem.</p>

<pre><code>&lt;head runat="server"&gt;
    &lt;title&gt;Preferential Bidding System&lt;/title&gt;
    &lt;meta http-equiv="cache-control" content="max-age=0" /&gt;
    &lt;meta http-equiv="cache-control" content="no-cache" /&gt;
    &lt;meta http-equiv="expires" content="0" /&gt;
    &lt;meta http-equiv="expires" content="Mon, 01 Jan 1900 1:00:00 GMT" /&gt;
    &lt;meta http-equiv="pragma" content="no-cache" /&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
    &lt;link href="style/bootstrap.css" rel="stylesheet" /&gt;
    &lt;link href="style/font-awesome.css" rel="stylesheet" type='text/css' /&gt;
    &lt;link href="style/layout.css" rel="stylesheet" type='text/css' /&gt;    

    &lt;script src="js/jquery-1.9.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;

    &lt;asp:ContentPlaceHolder ID="head" runat="server"&gt;
    &lt;/asp:ContentPlaceHolder&gt;
&lt;/head&gt;
</code></pre>