я использую Font Awesome Free 5.12.0, но в ней не отображаются некоторые значки, например вк, инстаграмма, ютуб
-
А как вы вставляете иконку? Я не вижу нужных классов Font Awesome в вашем коде.– Neolot24 сен 2020 в 22:07
-
@Neolot через CSS #quick-contact li.quick-vk:before { content: "\f189"; }– Женя Веремьёв25 сен 2020 в 8:29
-
Это не правильно. Читайте документацию на сайте.– Neolot25 сен 2020 в 9:17
2 ответа
Вы неправильно используете Font Awesome.
Вы должны вставлять иконку в том виде в котором ее дают на официальном сайте, то-есть:
<i class="fab fa-vk"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-youtube"></i>
Вставьте эти строки во внутрь <li>
и тогда заработает у Вас.
И на будущее, ищите нужную иконку тут, переходите на ее страницу и берете предоставленый <i>
код для нее.
-
@ioshuk Font Awesome можно использовать и из CSS, иначе как вы объясните что другие иконки отображаются 25 сен 2020 в 13:13
-
окей, а откуда Вы взяли тогда код для vk? - я имею ввиду класс "quick-vk"? Сами создали его или взяли из какого-то набора?– ioszhuk25 сен 2020 в 13:47
-
Проблема была в том, что иконка vk относится к отдельному шрифту и к ней нужно применять font-family: "Font Awesome 5 Brands";