У меня не правильно отображаются шрифты Font Awesome в Комментах

@Segeja · Регистрация: 31.05.2016

Студворк — интернет-сервис помощи студентам

Доброе утро форумчане!!!!
У меня не правильно отображаются шрифты Font Awesome вернее пиктограммы
я их с помощью CSS хочу привести в надлежащий вид, но они остаются такими же как и были.
на локальном сервере я создал в директории файл assets/css/style.css прописал его в
single.php получилось так что при переходе на эту страницу (любой пост) в посте про MonoGame я тестил при обновлении страницы опять же на локальном сервере страница обновлялась и пиктограммы становились такими какими и должны быть по стилю CSS, но сейчас загрузив сайт на сервер этого чуда не происходит настройки CSS начинаются в самом конце файла после /COMMENTS/ а файл с пиктограммами находится в
директории app/include/comments.php
а вот как у меня в страницах прописан Font Awesome

HTML5
1
2
3
<!-- Font Awesome -->
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script>;
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"; rel="stylesheet">

это не прописано в файле app/include/comments.php возможно в этом и кроется ошибка
это относится к комментариям
если у кого-то есть желание помочь или есть свободная минутка или просто хотите мне помочь
пожалуйста помогите решить этот вопрос если вы конечно хотите мне помочь
С Уважением, Segeja

файл style.css:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
/*
COMMENTS
*/
.all-comments{
    padding-top: 3rem;
}
 
.all-comments h3{
    margin-bottom: 2rem;
    padding-top: 1rem;
}
 
.all-comments .one-comment{
    padding: 1rem;
    border: 1px solid #008484;
    border-radius: 6px;
}
 
.all-comments .one-comment span{
    display: inline-flex;
    margin: 0.5rem 1.5rem 1.5rem 0;
}
 
.all-comments .one-comment i{
    margin: 0.3rem 0.6rem 0 0;
    font-weight: 700;
}

файл comments.php:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?php
include SITE_ROOT . "/app/controllers/commentaries.php";
?>
 
<div class="cpl-md-12 col-12 comments">
    <h3>Оставить комментарий</h3>
    <form action="<?=BASE_URL . "single.php?post=$page"?>" method="post">
        <input type="hidden" name="page" value="<?=$page; ?>">
<!--        http://dinamic-site/single.php?post=1-->
        <div class="mb-3">
            <label for="exampleFormControlInput1" class="form-label">Email адрес</label>
            <input name="email" type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
        </div>
        <div class="mb-3">
            <label for="exampleFormControlTextarea1" class="form-label">Напишите ваш отзыв</label>
            <textarea name="comment" class="form-control" id="exampleFormControlTextarea1" rows="4"></textarea>
        </div>
        <div class="col-12">
            <button type="submit" name="goComment" class="btn btn-primary">Отправить</button>
        </div>
    </form>
    <?php if(count($comments) > 0): ?>
        <div class="row all-comments">
            <h3 class="col-12">Комментарии к записи</h3>
            <?php foreach ($comments as $comment): ?>
                <div class="one-comment col-12">
                    <span><i class="far fa-envelope"></i> <?=$comment['email'];?></span>
                    <span><i class="far fa-calendar-check"></i> <?=$comment['created_date'];?></span>
                    <div class="col-12 text">
                        <?=$comment['comment'] ?>
                    </div>
                </div>
            <?php endforeach ?>
        </div>
    <?php endif; ?>
</div>

это файл single.php лежит в корневой директории:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<?php
    include "path.php";
    include 'app/controllers/topics.php';
    $post = selectPostFromPostsWithUsersOnSingle('posts', 'users', $_GET['post']);
?>
<!doctype html>
<html lang="ru">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
 
    <!-- Font Awesome -->
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script>
    <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
 
    <!-- Custom Styling -->
    <link rel="stylesheet" href="assets/css/style.css ">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap" rel="stylesheet">
 
    <title>HoloBlog</title>
</head>
<body>
 
<?php include("app/include/header.php"); ?>
 
<!-- БЛОК MAIN START-->
<div class="container">
    <div class="content row">
        <!-- Main Content -->
        <div class="main-content col-md-9 col-12">
            <h2><?php echo $post['title']; ?></h2>
 
            <div class="single_post row">
                <div class="img col-12">
                    <img src="<?=BASE_URL . 'assets/images/posts/' . $post['img'] ?>" alt="<?=$post['title']?>" class="img-thumbnail">
                </div>
                <div class="info">
                    <i class="far fa-user"></i>&nbsp;<?=$post['username'];?>&nbsp;&nbsp;&nbsp;
                    <i class="far fa-calendar"></i>&nbsp;<?=$post['created_date'];?>
                </div>
                <div class="single_post_text col-12">
                    <?=$post['content'];?>
                </div>
                <!-- ИНКЛЮДИМ HTML БЛОК С КОММЕНТАРИЯМИ --->
                <?php include("app/include/comments.php"); ?>
            </div>
 
 
        </div>
        <!-- Sidebar Content -->
        <div class="sidebar col-md-3 col-12">
 
            <div class="section search">
                <h3>Поиск</h3>
                <form action="/" method="post">
                    <input type="text" name="search-term" class="text-input" placeholder="Введите искомое слово...">
                </form>
            </div>
 
 
            <div class="section topics">
                <h3>Категории</h3>
                <ul>
                    <?php foreach ($topics as $key => $topic): ?>
                        <li>
                            <a href="<?=BASE_URL . 'category.php?id=' . $topic['id']; ?>"><?=$topic['name']; ?></a>
                        </li>
                    <?php endforeach; ?>
                </ul>
            </div>
 
        </div>
    </div>
</div>
<!-- БЛОК MAIN END-->
<!-- FOOTER START-->
 
<?php include("app/include/footer.php"); ?>
 
<!-- FOOTER END-->
 
 
 
<!-- Optional JavaScript; choose one of the two! -->
 
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
 
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
</body>
</html>

а вот ссылка на мой тестовый сайт http://test999.uxp.ru
С Уважением, Segeja

Добавлено через 2 минуты
Иконки в комментах видны но плохо поддаются редактированием стилями
если сказать вообще никак

@Aplikman · 13.12.2021, 11:05

Сообщение от Segeja

1

<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script>;
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"; rel="stylesheet">

У тебя как минимум ошибка в синтаксисе подключения стилей. Должно быть вот так:

HTML5
1
<link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">

И это подключение вставляется в head на каждой странице, где будут fontawesome.

Подключение js файла лучше вставлять в низ сайта, ближе к тегу </body>.

Далее смотришь все доступные иконки на https://fontawesome.com и вставляешь нужные тебе в body сайта. Например:

HTML5
1
<i class="far fa-address-card"></i>

Новые блоги и статьи Все статьи Все блоги /
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .