0
votes

pourquoi la police géniale ne fonctionne pas dans ce code html?

Je veux utiliser la police géniale dans mon code html. Voici mon code. Mais cela n'est pas appliqué. J'ai également enregistré le répertoire génial de la police dans le dossier de mon projet.

<?php
include '../config/sessionhandling.php';
//print_r($_SESSION['userrow']);
$role_id=$userrow['role_id'];

include '../config/dbconnection.php';
include '../model/user_model.php';

$obu=new user_model();
$resultu=$obu->viewUsers();
$nou=$resultu->rowCount();

$resultud=$obu->viewUsersDe("Deactive");
$noud=$resultud->rowCount();
$noua=$nou-$noud;    

$to=date('Y-m-d');
$resultday=$obu->viewLogPerDay($to);
$noday=$resultud->rowCount();

?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Faculty Management System</title>
        <link rel="stylesheet" type="text/css" 
              href="../css/layout.css"/>
        <link rel="stylesheet" type="text/css"
              href="../bootstrap/css/bootstrap.min.css" />
<!--        <link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">-->
        <link rel="stylesheet" href="../fontawesome-free-5.12.0-web/css/font-awesome.min.css">

    </head>
    <body>
        <div id="main">
           <?php
           include '../templates/header.php'; ?>
            <?php 
            include '../templates/userrole.php'; ?>
            <div id="navigation">
                <div>
                    <ul class="breadcrumb">
                        <li class="active">
           <a href="../view/dashboard.php">Dashboard</a>
                        </li>
                    </ul>
                </div>

                &nbsp;</div>
            <div id="content">
                <div class="row">
                    <div class="col-md-3">
                        <ul style="list-style: none">

                                <li> 
                                <i class="fas fa-user-graduate"></i>
                                <a href="user.php">User</a></li>

                                <li> 
<!--                            <i class="glyphicon glyphicon"></i>-->
                                <a href="item.php">Faculty</a></li>

                                <li>
<!--                             <i class="glyphicon glyphicon-bold"></i>-->
                                <a href="stock.php">Department</a></li>

                                <?php //} 
                                //if ($role_id!=3) { ?>
                                <li>
<!--                             <i class="glyphicon glyphicon-credit-card"></i>-->
                                <a href="payment.php">Course</a></li>

                                <li>
                                <?php //} ?>
<!--                             <i class="glyphicon glyphicon-barcode"></i>-->
                                <a href="purchaseorder.php">Appointment</a></li>

                                <li>
                               <i class="fas fa-bells"></i>
                                <a href="order.php">Notification</a></li>

                                <?php //if($role_id==1 || $role_id==2) { ?>
                                <li> <i class="glyphicon glyphicon-filter"></i>
                                <a href="feedback.php">Feedback</a></li>

                                <li> <i class="glyphicon glyphicon-record"></i>
                                <a href="report.php">Report</a></li>

                                <?php //if($role_id==1) { ?>
                                <li> <i class="glyphicon glyphicon-backward"></i>
                                <a href="backup.php">Backup</a></li>
                                <?php //} ?>
                        </ul>
                    </div>
                    <div class="col-md-9">
                        <div class="row">
                            <?php if($role_id==1){ ?>
                            <div class="col-md-4">    <!--Grid technique is used -->
                                <div class="panel panel-success">  <!-- panel-success gives green colour to the panel-->
                                <div class="panel panel-heading">
                                    User and Login

                                </div>
                                    <div class="panel-body">
                                        <p>No.of Users:<span class="badge"><?php echo $nou; ?></span></p>
                                        <p>Active Users:<span class="badge"><?php echo $noua; ?></span></p>
                                        <p>Deactive Users:<span class="badge"><?php echo $noud; ?></span></p>
                                        <p>No. of Login(<?php echo date ('Y-m-d');?>): <span class="badge"><?php echo $noday; ?></span></p>
                                </div>
                            </div>
               </div>
                            <?php } ?>
                        </div>             
            </div>
                    </div>
                </div>
            <?php  include '../templates/footer.php'; ?>

        </div>
    </body>
</html>

Je veux afficher certaines des icônes dans mon tableau de bord et je suis là une meilleure façon d'accomplir cela? S'il vous plaît, aidez-moi à régler ce problème ..... Ou y a-t-il une meilleure façon d'utiliser la police géniale ??


2 commentaires

Avez-vous confirmé votre chemin fontawesome? essayez d'essayer cdnjs .cloudflare.com / ajax / libs / font-awesome / 5.12.0 / css‌ /… "crossorigin =" anonymous ">


Vérifiez votre chemin. Accédez à votre site Web et affichez la source de la page. Cliquez sur le lien de votre police géniale et voyez si elle s'ouvre. S'il affiche une erreur ou 404, cela signifie que votre chemin n'est pas correct.


6 Réponses :


0
votes

Essayez d'ajouter un attribut de type à votre élément de lien:

<link rel="stylesheet" href="../fontawesome-free-5.12.0-web/css/font-awesome.min.css" type="text/css" />


0 commentaires

0
votes

Essayez de vérifier votre lien css génial de police comme ceci

<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css'>


0 commentaires

0
votes

Utilisez CDN:

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/all.min.css" crossorigin="anonymous">


0 commentaires

0
votes

Tout d'abord, font awesome a un cdn que vous devriez utiliser dans le cadre de votre compte. De cette façon, vous n'avez pas à gérer ses mises à jour.

Deuxièmement, passez en revue ce fil de discussion . C'est une meilleure façon d'inclure des fichiers dans un site pour vos utilisateurs. N'oubliez pas que PHP est un langage de rendu côté serveur. Lorsque vous incluez des liens directement dans votre tête, c'est à l'utilisateur (le navigateur) de rendre votre fichier, ce qui ralentit essentiellement le chargement de la page. Ce n'est pas un gros problème pour un seul fichier, mais si vous faites cela avec plusieurs fichiers, vous ralentissez inutilement votre site. PHP est efficace pour exécuter des scripts sur le serveur et vous maximisez l'utilisation que vous payez sur votre serveur.

Le nœud de ce fil vous apprend à:

  1. Définissez votre feuille de style et ses variables
  2. Rechercher comment utiliser la mise en mémoire tampon de sortie pour le charger correctement

Si vous utilisez wordpress, il a un "hook" personnalisé appelé "enqueue" que vous pouvez inclure dans functions.php qui produira le même effet. FAQ sur les fonctions wp_enqueue_style () de Wordpress.


0 commentaires

0
votes

Essayez l'extrait. Modification du fas fa-github en fab fa-github.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" rel="stylesheet">



<div class="jumbotron">
  <h1 class="display-4">Henrique Borges</h1>
  <p class="lead">Programador experiente e Web Designer.</p>
  <hr class="my-4">
  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
  <p class="lead">
    <i class="fab fa-github btn btn-dark btn-lg" href="#" role="button"> Github</i>
  </p>
</div>


0 commentaires

0
votes

Utilisez le lien CDN dans la balise head:

<link type='text/css'  href='the font link' >

Remarque: Vous devez joindre les fichiers de configuration de votre framework ou le lien CDN dans votre html dans chaque projet. N'oubliez pas.


0 commentaires