title: FontAwesome not available as a font-family?
body: <p>This is undoubtedly me doing something really dumb, but I can't see it. I'm trying to use FontAwesome as a font-family in my css, but it doesn't seem to be working.</p>
  
  <p>With minimal code, I have:</p>
  
  <pre><code>&lt;head&gt;
      &lt;link href="assets/css/font-awesome.css" rel="stylesheet"&gt;
      &lt;style&gt;
          body {
              font-family: FontAwesome;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      Test FontAwesome!
  &lt;/body&gt;
  </code></pre>
  
  <p>This is showing up as clearly Times New Roman.</p>
  
  <p>The FontAwesome font itself is stored in assets/font/, and font-awesome.css has the following <code>@font-face</code> defined:</p>
  
  <pre><code>@font-face {
    font-family: 'FontAwesome';
    src: url('../font/fontawesome-webfont.eot?v=3.0.1');
    src: url('../font/fontawesome-webfont.eot?#iefix&amp;v=3.0.1') format('embedded-opentype'),
      url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
      url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  </code></pre>
  
  <p>Changing the <code>..</code> to <code>assets</code> gives an obvious error that it can't find the font, so I'm pretty sure the relative pathing is just fine and dandy. If I change it to <code>font-family: FontAwesome,Arial;</code>, it uses Arial. Clearly, it can't find FontAwesome and I don't know why.</p>
  
  <p>Any particular reason why I'm not able to change my body font to FontAwesome?</p>