title: Change the font path when using Font Awesome
body: <p>It works when I have my CSS file and the font files in the same folder.</p>
  
  <p>But when I put my font files in side a folder, I can't get my icons.</p>
  
  <p>Here is my CSS code..</p>
  
  <pre><code> @font-face {
          font-family: FontAwesome;
          src: url(fontfile-webfont.eot?v=4.0.3);
          src: url(fontfile-webfont.eot?#iefix&amp;v=4.0.3) format('embedded-opentype')
          ,url(fontfile-webfont.woff?v=4.0.3) format('woff')
          ,url(fontfile-webfont.ttf?v=4.0.3) format('truetype')
          ,url(fontfile-webfont.svg?v=4.0.3#fontawesomeregular) format('svg');
          font-weight: 400;
          font-style: normal;
      }
  
      .att {
          display: inline-block;
          font-family: FontAwesome;
          font-style: normal;
          font-weight: 400;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
      }
          .att-renren:before {
              content: "\f18b";
          }
  </code></pre>
  
  <p>And my folder structure...</p>
  
  <p>CSS file</p>
  
  <pre><code>Content/themes/common.css
  </code></pre>
  
  <p>Font files</p>
  
  <pre><code>Content/themes/fonts/
  </code></pre>
  
  <p>Can I change the path of the font files in CSS??</p>