title: Use Font Awesome in bootstrap without overriding glyphs
body: <p>I would like to use some Font Awesome fonts in my bootstrap application.  It is a legacy application and the customer does not want new icons.  The current icons are bootstrap glyphs.  Font Awesome icons are very close but not the same.  No big deal right?  Shouldn't I be able to use a font-family to use Font Awesome and just put the right font in for the icon I want.</p>
  
  <p>I have the Font Awesome 'fonts' directory in my project.  It contains 4 files:</p>
  
  <pre><code>fontawesome-webfont.eot
  fontawesome-webfont.svg
  fontawesome-webfont.tff
  fontawesome-webfont.woff
  </code></pre>
  
  <p>What css do I need to add to get this to work?</p>
  
  <p>What should my html markup looklike?  I have seen examples like this:</p>
  
  <pre><code>&lt;g&gt;&lt;text x="0" y="0"&gt;&amp;#xf040&lt;/text&gt;&lt;/g&gt;
  </code></pre>
  
  <p>However when I do that it doesn't work.  I know I am missing a few steps. Any ideas?</p>