title: How/where to install font Awesome in jquery mobile app
body: <p>Try as I might I can't get Font Awesome working at all. 
  I've uploaded the Font Awesome pack to my root directory and linked to it.</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="font-awesome/jqm-icon-pack-fa.css"&gt;
  </code></pre>
  
  <p>The css includes the font declaration</p>
  
  <pre><code>@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
       url('font/fontawesome-webfont.woff') format('woff'),
       url('font/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  }
  </code></pre>
  
  <p>The fonts reside in the child directory root/font-awesome/font/</p>
  
  <p>My link markup example:</p>
  
  <pre><code>&lt;a href="#info"  data-rel="popup" data-mini="true"data-iconpos="notext" data-transition="slideup"data-role="button" &gt;&lt;i class="icon-cog"&gt;&lt;/i&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Doesn't seem to matter what icon tag I place - I get a blank circle.</p>
  
  <p>Any suggestions would be appreciable. This happens in Firefox safari on my mac and safari on iOS 6.0 - iPhone</p>