title: Why does CDN work, but a relative link does not?
body: <p>I just asked this question:  <a href="https://stackoverflow.com/questions/29927276/why-is-font-awesome-only-showing-a-square/29927438?noredirect=1#comment47976762_29927438">Why is Font Awesome only showing a square?</a>.</p>
  
  <p>The gist of it is that my <a href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="nofollow noreferrer">font-awesome.min.css</a> file was not working.  I was getting 404 errors when trying to load icons from it.  Someone gave the ridiculous suggestion of changing:</p>
  
  <pre><code>&lt;link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"&gt;
  </code></pre>
  
  <p>to</p>
  
  <pre><code>&lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"&gt;
  </code></pre>
  
  <p>I tried their suggestion with confidence that it would not change anything, but it worked!</p>
  
  <p>The code in <code>MyProject/font-awesome/css/font-awesome.min.css</code> (the filepath is correct) is identical to the code at <code>//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css</code>.</p>
  
  <p>Why is it that the CDN works, but my local copy gives me 404 errors?</p>
  
  <p>Some clarification:</p>
  
  <p>The file is being found when I try to link to the relative file (not using the CDN).  The images within the CSS come up with 404.  But with identical code at the CDN, there is no 404 for the images.  I get the following error for each respective image:</p>
  
  <pre><code>Failed to load resource: the server responded with a status of 404 (Not Found)  http://localhost:63343/MyProject/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0
  </code></pre>