title: How to change the font-awesome text font?
body: <p>I am using font-awesome in a button, however I also want to have text within the font awesome button. the Font family has to be fontawesome but that gives me some kind of serif font which I cannot modify.</p>
  
  <p><img src="https://i.stack.imgur.com/mMFVn.png" alt="enter image description here"></p>
  
  <p>Code I am using </p>
  
  <pre><code>    &lt;div class="  btn-toolbar"&gt;
  &lt;div class="btn-group" title="vote"&gt;
  &lt;button class="btn icon-"&gt;
  &lt;span class="icon-thumbs-up"&gt; vote &lt;span class="icon-thumbs-down"&gt;
  &lt;/button&gt;
  &lt;button class="btn icon-heart" title="subscribe to get latest updates"&gt;&lt;/button&gt;
  
  &lt;/div&gt;
    &lt;div class="btn-group"&gt;
    &lt;button class="btn icon-edit" title="edit"&gt;&lt;/button&gt;
    &lt;button class="btn icon-print" title="print"&gt;&lt;/button&gt;
  
  &lt;/div&gt;
      &lt;div class="btn-group"&gt;
    &lt;button class="btn icon-facebook" title="share on facebook"&gt;&lt;/button&gt;
    &lt;button class="btn icon-twitter" title="share on twitter"&gt;&lt;/button&gt;
    &lt;button class="btn icon-google-plus" title="share on google+"&gt;&lt;/button&gt;
  
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>