Wie verwende ich Symbole aus Fontello in meinem CSS?

Question

Ich habe mit entypo (von entypo.com heruntergeladen), und die Symbole, die Anzeige wie folgt:

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

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

Ziemlich Standard. Aber da die Andeutung beim Entpacken von entypo.com deaktiviert ist, habe ich sie von fontello heruntergeladen. Nur jetzt funktionieren meine CSS-Codes nicht mehr.

Ich kann in der Demo sehen, die fontello Spannweiten wie diese verwendet, aus dem html die Symbole zu nennen:

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

Aber das scheint nur zu mir hässlich. Ich möchte es von der CSS aus tun, aber wie kann ich herausfinden, welche Art von Codes in meinem CSS zu setzen?

Answer 1

Ok, so fand ich heraus, dass das, was Sie tun müssen, ist nicht die Codes verwenden, wie auf fontello erwähnt:

U+E84D 
U+E854 

Aber umschreiben diese:

\E84D 
\E854 

(so entfernen Sie die " U +“und ersetzen sie durch eine "\")

sie benutzen, so wie:

content: "\E84D"; 

---

EDIT:

So auf Wunsch die komplette CSS-Syntax Sie verwenden würde, ist:

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

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

In Kombination mit dem folgende HTML:

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