web-dev-qa-db-fra.com

pourquoi certaines des icônes font-awesome n'apparaissent pas

J'utilise font-awesome avec Angular 5 pour mon interface utilisateur. Depuis que j'utilise sass, j'ai ajouté la ligne suivante dans .angular-cli.json après avoir installé font-awesome

"styles": [
        "../node_modules/font-awesome/scss/font-awesome.scss",
        "../node_modules/bootstrap/scss/bootstrap.scss",
        "styles.scss"
      ],

Certaines des icônes fonctionnent comme

<i class="fa fa-money blue-text"></i>
<i class="fa fa-code blue-text"></i>

Cependant, beaucoup plus ne le sont pas. Par exemple, je voulais utiliser ceci icône de graphique à barres avec fas fa-chart-bar, mais cela ne montre rien. Des choses comme fas fa-camera-retro s'affiche uniquement sous la forme d'un carré étrange au lieu de l'icône réelle.

Pourquoi certaines des icônes ne fonctionnent pas? Est-il possible de vérifier si ces classes css existent dans le paquetage font-awesome que j'ai installé?

MODIFIER

Il suffit de chercher bar graphique dans node_modules\font-awesome\css\font-awesome.css et seulement fa-bar-chart existe, pas fa-chart-bar. J'ai la dernière police géniale quand je l'ai installée (4.7.0). Pourquoi leur site Web dit fa-chart-bar. Je viens de le faire fonctionner avec fa fa-bar-chart. Pourquoi c'est fa et pas fas est au delà de moi

htmlcssangularfont-awesome
9
ddd

Il suffit de rechercher un diagramme à barres dans node_modules\font-awesome\css\font-awesome.css et il n’existe que fa-bar-chart, pas fa-chart-bar. J'ai la dernière police géniale quand je l'ai installée (4.7.0). Pourquoi leur site Web dit fa-chart-bar. Je viens de le faire fonctionner avec fa fa-bar-chart. Pourquoi c'est fa et pas fas est au delà de moi

Cela a changé avec la sortie de FA5, car il existe maintenant plusieurs styles pour les icônes:

  • fas: FontAwesome solide
  • far: FontAwesome regular
  • fab: Marques FontAwesome
  • fal: FontAwesome light

Cependant, FontAwesome5 free n’a un solide que pour la plupart des icônes. Pour l'expérience complète, vous devrez payer FontAwesome Pro .

Sélectionnez n'importe quelle icône dans la galerie , pour voir quels styles sont disponibles pour quelle version. NB: icones FA4 ici .

7
MBaas

A travaillé pour moi après la mise à niveau vers la dernière version de Font Awesome:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
4
jakobinn

Vous ne pouvez pas utiliser la version V5 de FontAwesome. Utilisez simplement la dernière version de FontAwesome 4, cela devrait fonctionner. Utilisez ce lien

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
0
Sampad

Je devais le faire une fois. Je pense que certains appareils mobiles n'ont pas chargé l'une des polices:

font-family: "Font Awesome 5 Free", "FontAwesome";
0
Kyle Lester