Как использовать значки из fontello в моем css?

Question

Я использую entypo (скачанный с entypo.com) и отображения значков, как так:

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

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

довольно стандартный. Но так как намек отключен, когда вы загружаете его с сайта entypo.com, я переключился на его загрузку из fontello. Только теперь мои кодовые коды css больше не работают.

я могу увидеть в демо, что fontello использует пролеты, как это, чтобы вызвать иконки из HTML:

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

Но это только кажется уродливым мне. Я хочу сделать это из css, но как я могу узнать, какие коды ввести в мой css?

Answer 1

Итак, я узнал, что то, что вы должны сделать, это не использовать коды, как указано на fontello:

U+E84D 
U+E854 

Но переписать их на:

\E84D 
\E854 

(так удалить " U +»и заменить его на "\")

Используйте их, как так:

content: "\E84D"; 

---

EDIT:

Так, по запросу, полный синтаксис 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>