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

Я использовал 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?

10 голосов | спросил user1694077 4 +04002013-10-04T17:42:28+04:00312013bEurope/MoscowFri, 04 Oct 2013 17:42:28 +0400 2013, 17:42:28

1 ответ


0

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

U+E84D
U+E854

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

\E84D
\E854

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

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

content: "\E84D";

РЕДАКТИРОВАТЬ:

Итак, по запросу вы можете использовать полный синтаксис 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>
ответил 4 +04002013-10-04T17:56:09+04:00312013bEurope/MoscowFri, 04 Oct 2013 17:56:09 +0400 2013, 17:56:09

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132