Je dois changer la famille de polices en une certaine DropDownList que j'ai, les icônes sont visibles jusqu'à ce que je change la famille de polices. Chaque famille de polices que je choisis ne fonctionne pas pour l'icône. Je vois donc toujours un carré. Comment puis-je le réparer?
Merci
<head>
, comme ceci <link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" integrity="sha384-dNpIIXE8U05kAbPhy3G1cz+yZmTzA6CY8Vg/u2L9xRnHjJiAK76m2BIEaSEV+/aU" crossorigin="anonymous">
<i class="fa fa-address-book" aria-hidden="true"></i>
, ni plus, ni moins, rien entre les deux, ne changez pas <i>
en <span>
ou modifiez le font-family
. Si vous souhaitez mettre à jour les couleurs, les styles, je vous recommande d’ajouter une nouvelle classe et de mettre à jour de cette façon.Pour les balises
<i>
, donnez la priorité à l'utilisation de FontAwesome font-family
body * {
font-family:'tahoma'!important;
}
body i {
font-family:'FontAwesome'!important;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<span class="fa fa-male"></span> <span>Male</span>
<br>
<span class="fa fa-female"></span> <span>Female</span>
<hr>
<i class="fa fa-male"></i> <span>Male</span>
<br>
<i class="fa fa-female"></i> <span>Female</span>
Il pourrait également s'agir du lien que vous utilisez. Certaines icônes proviennent de versions plus récentes et ne fonctionnent pas sur les anciens liens du référentiel.
Assurez-vous que le cdn que vous utilisez est le plus récent.