title: Including font using CSS to support IE7 (IE6 dont care)
body: <p>The following CSS works for me to make FontAwesome visible in all browsers, except it doesn't work for IE7. Struggling to work out how to fix it.</p>
  
  <pre><code>@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot'); /* IE9 Compat Modes */
  src: url('fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fontawesome-webfont.woff') format('woff'), /* Modern Browsers */
       url('fontawesome-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fontawesome-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
  }
  </code></pre>
  
  <p>Im not using any advanced CSS like the <code>:before</code> selector, Even this doesn't work:</p>
  
  <pre><code>&lt;span style="font-family:FontAwesome;"&gt;&lt;/span&gt;
  </code></pre>