Как использовать значки из 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>