почему шрифт awesome не работает в этом html коде? - PullRequest
Новая
       9

почему шрифт awesome не работает в этом html коде?

0 голосов
/ 04 февраля 2020

Я хочу использовать потрясающий шрифт в моем html коде. Ниже приведен мой код. Но это не применяется .. Я также сохранил шрифт awesome dir в папке своего проекта .. 

<?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>

Я хочу отобразить некоторые значки на панели инструментов, и есть ли лучший способ сделать это? Пожалуйста, помогите мне разобраться в этом ..... Или есть лучший способ использовать шрифт Awesome ??

Ответы [ 6 ]

0 голосов
/ 04 февраля 2020

Используйте ссылку CDN в теге head: 

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

Примечание: вы должны прикрепить файлы конфигурации вашей платформы или ссылку CDN в вашем html в каждом проекте. Не забывай.

0 голосов
/ 04 февраля 2020

Попробуйте фрагмент. Изменен fas fa-github на 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 голосов
/ 04 февраля 2020

Прежде всего, у шрифта awesome есть cdn, который вы должны использовать как часть своей учетной записи. Таким образом, вам не нужно управлять его обновлениями.

Во-вторых, просмотрите эту ветку . Это лучший способ включить файлы на сайт для ваших пользователей. Помните, PHP - это язык рендеринга на стороне сервера. Когда вы добавляете ссылки прямо в вашу голову, пользователь (браузер) должен отобразить ваш файл, что существенно замедляет загрузку страницы. Это не имеет большого значения для одного файла, но если вы делаете это с несколькими файлами, вы излишне замедляете свой сайт. PHP эффективен при запуске сценариев на сервере, и вы максимизируете использование, которое вы платите на своем сервере.

Суть этого потока учит вас:

  1. Определить Ваша таблица стилей и ее переменные
  2. Узнайте, как использовать буферизацию вывода для правильной загрузки

Если вы используете WordPress, у него есть свой собственный «хук», называемый «enqueue», который вы можете включить в функции. php, который достигнет того же эффекта. FAQ о функциях Wordpress wp_enqueue_style ().

0 голосов
/ 04 февраля 2020

Использовать CDN: 

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/all.min.css" crossorigin="anonymous">
0 голосов
/ 04 февраля 2020

Попробуйте и проверьте ваш шрифт. css ссылка вот так 

<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css'>
0 голосов
/ 04 февраля 2020

Попробуйте добавить атрибут типа к элементу ссылки: 

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