Come si usano le icone di fontello nel mio css?

Question

Sto usando entypo (scaricato da entypo.com), e la visualizzazione delle icone in questo modo:

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

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

Piuttosto standard. Ma dal momento che il suggerimento è disattivato quando lo scarichi da entypo.com, ho deciso di scaricarlo da fontello. Solo ora i miei codici di contenuto CSS non funzionano più.

posso vedere nella demo che utilizza fontello campate come questo, per richiamare le icone della html:

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

Ma questo sembra proprio brutto per me. Voglio farlo dal css, ma come posso scoprire che tipo di codici inserire nel mio css?

Answer 1

Ok, così ho scoperto che quello che hai da fare è non utilizzare i codici come indicato sul fontello:

U+E84D 
U+E854 

Ma riscrivere queste per:

\E84D 
\E854 

(in modo da rimuovere il " U +" e sostituirlo con un "\")

li usano in questo modo:

content: "\E84D"; 

---

EDIT:

Così, su richiesta, la sintassi CSS completo si usa è:

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

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

In combinazione con il seguente codice HTML:

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