Подключение шрифтовых картинок Font Awesome для web разработки, и их использования

Автор Lyubov Stishevskaya
Подключение шрифтовых картинок Font Awesome для web разработки, и их использования

Сегодня мы рассмотрим.

Как установить шрифтовые иконки в ваш проект и в дальнейшем использовать их так переходим вас браузер прописан font-awesome название сайта вы попадаете в главное меню и найти кнопку скачать. Нет спасибо. Просто скачать архив скачивается закрывайте открывать и ваш архив выделяйте 2 папочки дали создаёте у вас на локальном холсте проект перекидывать и 200 пачки закрывайте архив.

Открывайте ваш проект в вашем редакторе.

А я создал тестовый шаблон чек как мы видим и подключил. Уже пару иконок, но они сейчас работать не будут вот наша тестовая страница для того чтобы они работали нужно подключить или который мы только, что закинули awesome Min обновляем мы видим вас появились icon очки. Так теперь я вам покажу как вы можете их переходите в меню иконки доля выведите список иконок очень огромное количество их идёте на понравившийся например юзер вот прокат для юзера копируете o&a например ещё какую-нибудь возьмём и корочку например вот — это письмо. ФИФА по пировали и вставили. Где вы хотите чтобы отображалось это. Николай иконка сайта и смотрим. У нас появилась письмо мы уберем конечно сейчас будем на примере пальцы показывать так далее чтобы повернуть иконку какой табак из улица parrotel, а её можно повернуть на 90 180 270 в нашем классе дополнительные класс и поворачиваем как мы видим иконка повернулась. Давайте попробуем на 180 повернулось так чтобы всё увидеть ярче как она происходит нужно увеличить нашу иконку чтобы увеличить иконку из улица по 1 X2 X3 X4 X5 дополнительный класс например по два мы видим нашего рука увеличилась. Давайте 345 так всё нормально работает. Давайте повернем на 270 градусов вот так вот так теперь мы видим. У нас есть иконки крутятся для того чтобы закрутить ваш палец вверх используется вот такой вот Tag Font awesome иконки. Сейчас я вам подскажу точно какой тех вот он жесты есть транспорт. Интерны иконки типов файлов вращающие видим на нём примеры вращающийся икона боли. Используйте класс фосфен. Это для. Вот таких вот иконок далее чтобы закрутить вашу иконку. Используйте папуль копируем мы будем показывать на примере пальца добавляем телефона наш проект и мы видим, что наш палец начал крутиться. Отлично как бы базовая я вам показал ищите шрифтовые иконки которые вам нравятся заходите копируете вставляете обновляйте и появляется иконка. Ну всё весело вам видео урок понравился продолжайте смотреть видео другие мои. Всем пока.

0 комментариев
0

Читайте также