Font Awesome est un fantastique outil utilisé par plusieurs centaines de milliers de sites Internet à travers le monde. Il fournit une multitude d'icônes facilement personnalisables et adaptables à n'importe quelles applications. Seulement, cette librairie a un manquement : comment peut-on faire des icônes avec des lettres de l'alphabet ? Heureusement, il existe une technique simple pour parvenir à cet objectif.
HTML :
<span class="fa fa-a"></span><br/>
<span class="fa fa-b"></span><br/>
<span class="fa fa-downcase-a"></span><br/>
CSS :
body {
font-size: 14px;
}
.fa-a:before {
font-family: Arial; /* your font family here! */
font-weight: bold;
content: 'A';
}
.fa-downcase-a:before {
font-family: Arial; /* your font family here! */
font-weight: bold;
content: 'a';
}
.fa-b:before {
font-family: Arial; /* your font family here! */
font-weight: bold;
content: 'B';
}