Как использовать значки из fontello в моем css?
Я использую entypo (загружено с entypo.com), и отображение значков, как так:
.icon:before {
display: inline-block;
font-family: 'Entypo';
text-decoration: none;
speak: none;
}
.email:before {
content: "09";
}
довольно стандартный. Но так как намек выключен, когда вы загружаете его из entypo.com, я переключился на загрузку его из fontello. Только теперь мои коды контента css больше не работают.
Я вижу в демо, что fontello использует охватывает такой, чтобы называть иконы из HTML:
<span class="i-code">0xe829</span>
но это просто кажется мне уродливым. Я хочу сделать это с css, но как я могу узнать, какие коды поместить в мой css?
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>