Как подключить и использовать Font Awesome 5

Подписаться 1,2 тыс.

Просмотров 24 тыс.

50% 1

В этом видео вы узнаете все про иконочный шрифт Font Awesome 5. А именно, как подключить Font Awesome 5 разными способами (CDN, CSS), как его использовать для верстки и веб-дизайна. А также как им пользоваться в Photoshop.
🔗Ссылка на Font Awesome:
fontawesome.com/
📖Текстовая версия инструкции:
antonaniskovich.ru/kak-podklj...
#fontawesome #как_подключить_fontawesome
🤲 Поддержать канал, и получить бонусы (Патрион):
/ aniskovich
🌐 Мой сайт:
antonaniskovich.ru/
🔥 Я в соц. сетях:
/ aniskweb
m010k0

Опубликовано:

11 дек 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 69

@caydebane6753 3 года назад

Thank you man

@NetSergio 3 года назад

Молодец! Хоть и запинался но объяснил толково

@m010k0 3 года назад

Спасибо. Да практики выступления не хватает. Буду над этим работать.

@vadimman6140 4 года назад

Пол года мозг трахал и не мог это чудо подключить,слава богу хоть кто-то рассказал про расположение файлов в папках,дай вам бог здоровья

@user-zv6uq2cd1u 4 года назад

Спасибо большое за подробный и понятный урок!

@m010k0 4 года назад

Даниил Гуревич Пожалуйста, рад что смог Вам помочь.

@car_sketch_and_render 5 лет назад

Антон Спасибо Огромное!

@m010k0 5 лет назад

Пожалуйста =)

@Anatoliy1790 3 года назад

super!!!!

@m010k0 3 года назад

Спасибо

@sergey_zatsepin 3 года назад

Спасибо, заработали наконец-то иконки через юникод.

@m010k0 3 года назад

Пожалуйста

@zafarasrorov3687 3 года назад

спасибо огромное !

@m010k0 3 года назад

Пожалуйста

@user-ph7oj3dw6i 4 года назад

Спасибо большое!

@MusicStrime 4 года назад

Спасибо!

@m010k0 4 года назад

Пожалуйста.

@FNaF_WITH_REIFSI 4 года назад

Спасибо, получилось!

@m010k0 4 года назад

Анна Пожалуйста!

@ESavin 4 года назад

Отлично все обьяснил... Спасибо... Все получилось отлично....

@m010k0 4 года назад

Пожалуйста)

@nataris 5 лет назад

спасибо, точно таким же способом и fontawesome-pro-5.6.1 подключила.

@m010k0 5 лет назад

Я рад, что смог Вам помочь.

@theindapew 4 года назад

спасибо чел!

@oraclevb5430 4 года назад

Классно спасибо за видео помог

@m010k0 4 года назад

Oracle Vb пожалуйста

@TheZUB95 4 года назад

бро,ты просто бог) Спасибо огромное!

@m010k0 4 года назад

Пожалуйста =)

@Andrey_SergeevichO 4 года назад

Антон - золотой ты Человек! Спасибо, за конструктивность!

@m010k0 4 года назад

Андрей Одноралов пожалуйста)

@AntonSaitostroev 4 года назад

Лови лайкос и подписку братушечка за труды.

@m010k0 4 года назад

Антон Сайтостроев Спасибо)

@ismoil3075 3 года назад

Спасибо большое за информацию!!!👌

@m010k0 3 года назад

Пожалуйста

@user-sh2kg8mh9i 4 года назад

Всё классно и по делу ))) Было бы супер еще узнать, как можно подключить это дело через консоль. Прописал команду - и готово )

@lodarzatyatyi5499 5 лет назад

Браво

@user-hn5ws2bo4m 5 лет назад

Антон, спасибо вам за ссылку! Сейчас на сайте фонтавесом почему-то нет возможности подключить через сдн, только через добавление файлов в проект.

@m010k0 5 лет назад

Добрый день. Возможность осталась, только теперь необходимо регистрировать свой проект. И для Вашего проекта будет формироваться уникальный код подключения.

@m010k0 4 года назад

@@user-bn7ge1vn1h Добрый день в видео все рассказано. =)

@aliexpress-5218 4 года назад

Есть ли возможность добавить иконку в этот набор или заменить какую то ненужную иконку вроде одноклассников /f263? Нет иконки Tik Tok. Хотелось бы разместить ссылку на эту соцсеть у себя на сайте...

@m010k0 4 года назад

К сожалению такой возможности нет. Придется для этой соц. сети искать иконку в формате SVG.

@aliexpress-5218 4 года назад

@@m010k0 Такая иконка есть на icomoon, вот теперь ломаю голову как её прикрутить, скомпилировать и добавить ещё js и font с этой иконкой выйдет слишком громоздко...

@m010k0 4 года назад

Не нужно подключать сторонние библиотеки или сервисы ради одной иконки. Просто скачайте иконку в svg и добавьте как изображение.

@vld-k 4 года назад

Сейчас на их сайте нельзя ссылку взять, там емейл нужно вводить, регистрироваться, потом на их сайт в кабинете проект создавать, и потом не понятно... Как сейчас быстро получить ссылку на их сайте чтоб подключить на свой сайт?

@m010k0 4 года назад

Достаточно просто зарегистрироваться. У Вас автоматически создается kit нажимая на него вы увидите ссылку для подключения. Если такой метод для Вас сложный попробуйте скачать fontawesome и подключить из своего проекта. Тогда и регистрироваться не нужно.

@zloypatrick4232 4 года назад

Сейчас уже нужно регистрироваться, и ссылка js.

@m010k0 4 года назад

Необязательно. Скачать можно и без регистрации.

@user-ko2iv1xr4k 5 лет назад

Я тут столкнулся проблемой , если подскажешь буду весьма благодарен, почему подключенные иконки нормально отображаются на десктопах, но на мобильной версии просто конвертики отображаются?

@m010k0 5 лет назад

Игорь Дьяченко Нужно хотя бы ссылку на сайт, что бы понять в чем проблема.

@user-sd8fk6bx3z 3 года назад

А почему не SVG?

@user-lz5ql4uh8x 5 лет назад

хмм...почему у меня работают иконки без добавления папки webfonts в проект? Подключил только all.min.css и все отображается.

@maxmshensky 4 года назад

18 минут это конечно много, но спасибо

@m010k0 4 года назад

Пожалуйста

@user-qq3hy7gx9h Год назад

как это в gulp подключить поскажите?

@m010k0 Год назад

Как и другие библиотеки подключаете. У каждого сборщик настроен по-разному и подключить можно тоже по-разному.

@user-gu2lf6tr8m 4 года назад

Кто-нибудь знает как , лучше всего в gulp подключать fontawesome?использую scss

@user-jw8sg5ll7r 4 года назад

посишн релактив)

@tomson5608 5 лет назад

а для полиграфии им можно пользоваться ?

@m010k0 5 лет назад

Да конечно. Можете работать с ним в Photoshop или illlustrator. Только если вы используете вариант шрифта, то не забудьте перевести шрифт в кривые, так как у студии печати вряд ли шрифт такой имеется. А если используете вариант SVG, то тут ничего дополнительного делать не нужно.