Comment puis-je utiliser les icônes de fontello dans mon css?

J'ai été en utilisant entypo (téléchargé à partir de entypo.com), et d'afficher les icônes de la sorte:

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

.email:before {
  content: "09";
}

Assez standard. Mais puisque l'indicateur est éteint lorsque vous le télécharger à partir de entypo.com j'ai basculé en le téléchargeant à partir de fontello. Seulement maintenant mon css contenu des codes ne fonctionnent plus.

Je peux le voir dans la démo que fontello utilise les travées de ce genre, pour appeler les icônes du html:

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

Mais qui semble juste moche pour moi. Je veux le faire en css, mais comment puis-je trouver ce genre de codes à mettre dans mon css?

OriginalL'auteur | 2013-10-04

  1. 19

    Ok, donc, j'ai découvert que ce que vous avez à faire est de ne pas utiliser les codes mentionnés sur fontello:

    U+E84D
U+E854

    Mais réécrire ces:

    \E84D
\E854

    (donc enlever le "U+" et le remplacer par un "\")

    Les utiliser comme:

    content: "\E84D";

    EDIT:

    Sur demande, la totalité de la syntaxe CSS vous utilisez est:

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

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

    En combinaison avec le code HTML suivant:

    <a href="#" class="icon email">Mail me</a>
    pouvez-vous s'il vous plaît montrer la balise complète, avec le correctif? Je ne comprends pas.
    Ok, j'ai ajouté la syntaxe complète. Vous pouvez trouver le css du contenu des codes ici: gist.github.com/pnull/4510484. Laissez-moi savoir si vous avez d'autres questions!

    OriginalL'auteur