Как определить, где можно найти такие пиктограмки (значки) fa fa-pencil

голоса: 0

Здравствуйте. Нужно определить, откудс или где можно (сайт) найти такие пиктограмки значки - fa fa-pencil. Пробовал отсюдо и отсюда, не подходят, пиктограма исчезает.

Адрес сайта http://watermax.com.ua
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0

Прежде всего подключить стили фонт авесоме нужно. В стили прописать в самом верху в первой строке:

@import "https://use.fontawesome.com/releases/v5.1.0/css/all.css" screen;

после уже использовать иконки с примера https://fontawesome.com/icons?d=gallery например нашли иконку https://fontawesome.com/icons/ambulance?style=solid в нужном месте в шаблоне вставляете код вида:

<i class="fas fa-ambulance"></i>

тогда иконка отобразится.

| Автор:
Yuri_Geruk,

Вернул. Вот. скрин

Ярослав Біляков,

Вроде и дал вам ответ еще в первом сообщении, вы это не проделали и удивляетесь, а почему иконка не отображается, а потому, что в файл стилей style.css в первую строку не прописали:

@import "https://use.fontawesome.com/releases/v5.1.0/css/all.css" screen;

я же советовал сделать так чтобы все работало. А вы ответ проигнорировали и сразу ставите код который без этой строки:

@import "https://use.fontawesome.com/releases/v5.1.0/css/all.css" screen;

ничего вам выводить не будет.

Yuri_Geruk,

1. Нет, я не удивляюсь, просто, для меня некоторые вещи в новинку и я путаюсь.Вы пишете: Прежде всего подключить стили фонт авесоме нужно. В стили прописать в самом верху в первой строке:

2. А здесь, инструкция другая: файловый менеджер - папка css -файл font-awesome.min.css - вниз нарисуйте  @import 

3. А тут дилема: @import "https://use.fontawesome.com/releases/v5.1.0/css/all.css" screen; - код брать в кавычки или нет, 

Конечно, проще совсем убрать иконки, для этого много ума не надо,. но если разберусь, то в будущем иконки не будут снится, как сегодня.

Ярослав Біляков,
В примере выше с кавычками, значит так и должно быть с кавычками.
Yuri_Geruk,

Ребята, спасибо за Ваше время и советы, я конечно буду спрашивать Ваших советов, мне ответил разработчик: 

 Там используются fontawesome 4 -  https://fontawesome.com/v4.7.0/icons Всё работает, как я и хотел. Ещё раз спасибо.
...