ne peut pas afficher les icônes avec coreUi

Je découvre coreUI.ne peut pas afficher les icônes avec coreUi

Je suis en train de créer cette login.html trouvé sur github: https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/blob/master/Static_Full_Project_GULP/pages-login.html

Tout fonctionne très bien, mais ne peut pas afficher l'icône-utilisateur et le verrouillage icône. Au lieu de cela, j'obtiens l'icône par défaut pour les deux.

Je travaille sur un dossier nommé coreUI qui contient:

login.html
dossier css (contient style.css et simple ligne icons.css à la fois de la git repo)
de dossier bower_components (qui contient jquery, bootstarp et attache)

donc les chemins devraient être corrects.

De plus, lorsque je visite l'élément dans le navigateur, je peux voir dans les règles de l'onglet css, le contenu et \e08e\e005 pour le verrouillage icône et l'utilisateur-icône. Mais ils affichent la même icône par défaut. Toute aide serait appréciée. J'ai également essayé avec register.html; https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/blob/master/Static_Full_Project_GULP/pages-register.html mais le même problème. Toutes les icônes montrent défaut.

ceci est mon login.html

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
    <meta name="description" content="..."> 
    <meta name="author" content="...."> 
    <meta name="keyword" content="...."> 

    <!-- FavIcon link--> 
    <link rel="shortcut icon" href="../favicon.png"> 
    <!-- Icons --> 
    <link href="css/simple-line-icons.css" rel="stylesheet"> 


    <link href="css/style.css" rel="stylesheet"> 

    <title>Login</title> 



</head> 

<body class="app flex-row align-items-center"> 
    <div class="container"> 
     <div class="row justify-content-center"> 
      <div class="col-md-8"> 
       <div class="card-group mb-0"> 
        <div class="card p-4"> 
         <div class="card-block"> 
          <h1>Sign In</h1> 
          <p class="text-muted">Sign In to your account</p> 
          <div class="input-group mb-3"> 
           <span class="input-group-addon"><i class="icon-user"></i> 
           </span> 
           <input type="text" class="form-control" placeholder="Username"> 
          </div> 
          <div class="input-group mb-4"> 
           <span class="input-group-addon"><i class="icon-lock"></i> 
           </span> 
           <input type="password" class="form-control" placeholder="Password"> 
          </div> 
          <div class="row"> 
           <div class="col-6"> 
            <button type="button" class="btn btn-primary px-4">Login</button> 
           </div> 
           <div class="col-6 text-right"> 
            <button type="button" class="btn btn-link px-0">Forgot password?</button> 
           </div> 
          </div> 
         </div> 
        </div> 
        <div class="card card-inverse card-primary py-5 d-md-down-none" style="width:44%"> 
         <div class="card-block text-center"> 
          <div> 
           <h2>Sign up</h2> 
           <p>Site description....</p> 
           <button type="button" class="btn btn-primary active mt-3">Register</button> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 


<script src="bower_components/jquery/dist/jquery.min.js"></script> 
<script src="bower_components/tether/dist/js/tether.min.js"></script> 
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 

</body> 

</html>

Source

2017-07-15 M. Dhaouadi

Je pense que vous ne l'avez pas soit ajouté le dossier contenant la police ou les polices dans le répertoire de la police.

SO créer un dossier polices ajouter des fichiers de polices de l'icône simple. Si vous avez déjà un dossier de polices, ajoutez des polices dans ce dossier.

Source

2017-07-15 09:59:05 mybestpatron

vous avez utilisé le fichier "simple-line-icons.css" pour afficher les polices. il ne sera rendu que si vous ajoutez toutes les polices de la ligne simle dans le dossier des polices. parce que l'icône de l'utilisateur et l'icône de verrouillage. les icônes sont des polices spéciales qui sont rendues à partir du fichier simple-line-icons.css – mybestpatron

ne peut pas afficher les icônes avec coreUi

Répondre

Questions connexes