0

я использую Font Awesome Free 5.12.0, но в ней не отображаются некоторые значки, например вк, инстаграмма, ютубвведите сюда описание изображения

3
  • А как вы вставляете иконку? Я не вижу нужных классов Font Awesome в вашем коде.
    – Neolot
    24 сен 2020 в 22:07
  • @Neolot через CSS #quick-contact li.quick-vk:before { content: "\f189"; } 25 сен 2020 в 8:29
  • Это не правильно. Читайте документацию на сайте.
    – Neolot
    25 сен 2020 в 9:17

2 ответа 2

0

Вы неправильно используете Font Awesome.

Вы должны вставлять иконку в том виде в котором ее дают на официальном сайте, то-есть:

<i class="fab fa-vk"></i>

<i class="fab fa-instagram"></i>

<i class="fab fa-youtube"></i>

Вставьте эти строки во внутрь <li> и тогда заработает у Вас.

И на будущее, ищите нужную иконку тут, переходите на ее страницу и берете предоставленый <i> код для нее.

3
  • @ioshuk Font Awesome можно использовать и из CSS, иначе как вы объясните что другие иконки отображаются 25 сен 2020 в 13:13
  • окей, а откуда Вы взяли тогда код для vk? - я имею ввиду класс "quick-vk"? Сами создали его или взяли из какого-то набора?
    – ioszhuk
    25 сен 2020 в 13:47
  • @ioshuk сам добавил 25 сен 2020 в 20:43
0

Проблема была в том, что иконка vk относится к отдельному шрифту и к ней нужно применять font-family: "Font Awesome 5 Brands";

1
  • @НиколайПарахневич, как раз таки является.
    – De.Minov
    27 сен 2020 в 3:28

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.