web-dev-qa-db-fra.com

Police Awesome 5 icônes ne s'affichent pas

J'utilise codeigniter et Font Awesome 5 J'ai téléchargé la dernière version de font awesome 5 depuis que mon icône n'apparaît pas.

Question Comment faire pour que l'icône apparaisse dans la police awesome 5 J'utilise xampp

Il devrait montrer à côté du texte de connexion qu'il n'y a pas d'erreur dans la console de développement

 enter image description here 

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><?php echo $title;?></title>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/bs/css/bootstrap.css');?>">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/stylesheet.css');?>">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/fa/web-fonts-with-css/fontawesome-all.min.css');?>">
    <script type="text/javascript" src="<?php echo base_url('assets/js/jquery-3.2.1.slim.min.js');?>"></script>
    <script type="text/javascript" src="<?php echo base_url('assets/js/popper.min.js');?>"></script>
    <script type="text/javascript" src="<?php echo base_url('assets/plugins/bs/js/bootstrap.js');?>"></script>
</head>
<body>

<div class="row mb-3">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <a href="<?php echo base_url('login');?>" class="btn btn-dark"><i class="fas fa-sign-in-alt"></i> Sign in</a>
    </div>
</div>

</body>
</html>
font-awesomefont-awesome-5
2
Mr. ED

Les instructions sur le site génial de polices pour faire fonctionner la version 5.0.10 sont un peu déroutantes pour ce qui est de savoir quels fichiers doivent aller où. J'ai rencontré ce problème et je l'ai résolu en procédant comme suit:

  1. Créer le répertoire suivant

    / static/styles/fontawesome/css

  2. Copiez et collez tous les fichiers css de fontawesome dans le répertoire ci-dessus.

  3. Copiez l'intégralité du répertoire webfonts et collez-le dans / static/styles/fontawesome (afin qu'il soit au même niveau que le répertoire css )

  4. Ajoutez ce qui suit à votre en-tête HTML <link rel="stylesheet" href="static/styles/fontawesome/css/fontawesome-all.css"> 

  5. Ajoutez des balises d'icônes à votre code à l'aide de la documentation de la version correspondante (5.0.10)
    <i class="fas fa-tachometer-alt"></i>

Remarque: veillez à utiliser uniquement les icônes de l'ensemble gratuit si vous ne possédez pas de licence professionnelle . https://fontawesome.com/icons?d=gallery&m=free

Cela ne fonctionnera peut-être pas pour tout le monde mais espérons que cela aidera quelqu'un avec ce problème frustrant!

4
mikeym

vous utilisez fas fa-sign-in-alt qui est une version professionnelle de Font Awesome 5 dont vous avez besoin pour obtenir la licence, vous êtes le seul à pouvoir les utiliser. vous pouvez obtenir votre icône de ici

Référence https://fontawesome.com/pro

2
Abhishek Ekaanth

dans mon cas, je reçois une icône carrée sur fontawesome sur localhost parce que je ne mets pas ma valeur base_url dans config\config.php

$config['base_url']    = ''

ça commence à travailler quand je change de base_url 

$http = 'http' . ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') ? 's' : '') . '://';
$newurl = str_replace("index.php","", $_SERVER['SCRIPT_NAME']);
$config['base_url']    = "$http" . $_SERVER['SERVER_NAME'] . "" . $newurl;
0
Muhammad Lutfi Farid