2017-09-04 1 views
1

J'ai besoin de changer la police-famille à certains DropDownList 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, et donc je vois toujours un carré à la place, comment puis-je le réparer?Font-awesome montrant carré à la place icône

Merci

+0

Pourriez-vous s'il vous plaît partager le code source? – WebGuy

+0

probablement vous voulez utiliser l'icône qui n'existe pas dans votre bibliothèque incluse génial de police, vous devez nous montrer le code – wahdan

+0

Vérifiez votre console pour une erreur 404, il peut-être que vous ne liez pas correctement aux polices. –

Répondre

1
  1. Inclure impressionnante police dans votre balise <head>, comme celui-ci <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. icône Utiliser exactement comme ceci: <i class="fa fa-address-book" aria-hidden="true"></i>, pas plus, pas moins, rien entre les deux, ne changent pas <i>-<span> ou changer c'est font-family. Si vous voulez mettre à jour les couleurs, les styles, je recommande d'ajouter une nouvelle classe et de mettre à jour de cette façon.
0

Pour <i> balises, mettre la priorité à utiliser 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>

0

Il pourrait également être un lien qui 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.