मैं अपने सीएसएस में fontello से आइकन का उपयोग कैसे करूं?

Question

मैं Entypo (entypo.com से डाउनलोड) का उपयोग किया गया है, और इसलिए जैसे आइकन प्रदर्शित:

.icon:before { 
    display: inline-block; 
    font-family: 'Entypo'; 
    text-decoration: none; 
    speak: none; 
} 

.email:before { 
    content: "\2709"; 
} 

सुंदर मानक। लेकिन जब आप entypo.com से इसे डाउनलोड करते हैं तो संकेत बंद हो जाता है, इसलिए मैंने इसे फ़ॉन्टेलो से डाउनलोड करने के लिए स्विच कर दिया है। केवल अब मेरे सीएसएस सामग्री कोड अब काम नहीं करते हैं।

मैं डेमो कि fontello इस तरह फैला का उपयोग करता है में देख सकते हैं, एचटीएमएल से माउस कॉल करने के लिए:

<span class="i-code">0xe829</span> 

लेकिन वह सिर्फ मेरे लिए बदसूरत लगता है। मैं इसे सीएसएस से करना चाहता हूं, लेकिन मैं कैसे पता लगा सकता हूं कि मेरे सीएसएस में किस तरह के कोड डाले जाएंगे?

Answer 1

ठीक है, तो मुझे पता चला है कि के रूप में fontello पर उल्लेख आपको बस इतना करना कोड का उपयोग नहीं किया गया है क्या:

U+E84D 
U+E854 

लेकिन करने के लिए इन पुनर्लेखन:

\E84D 
\E854 

(इसलिए हटाने "

content: "\E84D"; 

: U + \ ")

उन्हें इतनी तरह का प्रयोग करें" और यह एक के साथ बदलें "

---

संपादित करें:

तो, अनुरोध पर, पूरा CSS सिंटेक्स आप का प्रयोग करेंगे है:

.icon:before { 
    display: inline-block; 
    font-family: 'Entypo'; 
    text-decoration: none; 
    speak: none; 
} 

.email:before { 
    content: "\E84D"; 
} 

निम्नलिखित HTML

संयोजन में:

<a href="#" class="icon email">Mail me</a>