web-dev-qa-db-fra.com

Icône représentant un carré représentant une police géniale

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

htmlcssfont-awesomebootstrap-4
6
aingeal_brea
  1. Incluez une police géniale dans votre balise <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">
  2. Utilisez l’icône exactement comme ceci: <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.
2
Melcma

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>

1
Farhad Bagherlo

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.

1
Fix3r