फ़ॉन्ट-कमाल टेक्स्ट फ़ॉन्ट कैसे बदलें?

Question

मैं एक बटन में फ़ॉन्ट-कमाल का उपयोग कर रहा हूं, हालांकि मैं फ़ॉन्ट भयानक बटन के भीतर भी टेक्स्ट रखना चाहता हूं। फ़ॉन्ट परिवार को Fontawesome होना है, लेकिन यह मुझे कुछ प्रकार का सेरिफ़ फ़ॉन्ट देता है जिसे मैं संशोधित नहीं कर सकता।

कोड मैं उपयोग कर रहा हूँ

<div class=" btn-toolbar"> 
<div class="btn-group" title="vote"> 
<button class="btn icon-"> 
<span class="icon-thumbs-up"> vote <span class="icon-thumbs-down"> 
</button> 
<button class="btn icon-heart" title="subscribe to get latest updates"></button> 

</div> 
    <div class="btn-group"> 
    <button class="btn icon-edit" title="edit"></button> 
    <button class="btn icon-print" title="print"></button> 

</div> 
    <div class="btn-group"> 
    <button class="btn icon-facebook" title="share on facebook"></button> 
    <button class="btn icon-twitter" title="share on twitter"></button> 
    <button class="btn icon-google-plus" title="share on google+"></button> 


</div> 
</div> 

Answer 1

आप सीधे बटन पर माउस उपयोग नहीं करना चाहिए, लेकिन इसके बजाय उन्हें जोड़ने अपने सामग्री। इसके अलावा आपके पास बहुत गंभीर वाक्यविन्यास त्रुटियां हैं। <span> स्वयं बंद तत्व नहीं है, आपको हर बार उपयोग करने के लिए </span> करने की आवश्यकता है। दस्तावेज़ीकरण इसके बजाय <i></i> का उपयोग करने का सुझाव देता है, लेकिन यह कुछ डेवलपर्स की भावनाओं का उल्लंघन करता है। वैसे भी, इस उदाहरण में इसका उपयोग करें (स्पैन भी काम करता है)।

जब आप आइकन के साथ एक बटन की जरूरत है, आप करते हैं:

<button class="btn" title="share on facebook"><i class="icon-facebook"></i></button> 

जब आप आइकन के बगल में एक पाठ की जरूरत है, बस यह संलग्न (आइकन के बाद अंतरिक्ष नोटिस)।

<button class="btn"><i class="icon-thumbs-up"></i> Like</button> 

आप कई आइकन भी उपयोग कर सकते हैं।

<button class="btn"><i class="icon-thumbs-up"></i> Vote <i class="icon-thumbs-down"></i></button> 

अधिक प्रयोगों के लिए, इस बेला को देखो: http://jsfiddle.net/Frizi/h69je/2/

Answer 2

फिक्स्ड - निम्नलिखित कोड का इस्तेमाल किया अधिलेखित करने के लिए

<span class="icon-thumbs-up"> <span style="font-family:Helvetica Neue, Helvetica, Arial, sans-serif; font-size:12px;" >vote</span> <span class="icon-thumbs-down">