WebDesign Master
Курсы
Как подключить и использовать шрифтовые иконки Font Awesome
Инструменты

Как подключить и использовать шрифтовые иконки Font Awesome

Научимся подключать и использовать в своей работе векторные шрифтовые иконки Font Awesome и подобные.

Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Как подключить и использовать шрифтовые иконки Font Awesome - Видеоурок
Смотреть урок на YouTube
Создание контентного сайта на Jekyll от А до Я

Стартеры start_html для вёрстки сайтов: agragregra/start_html

На странице GitHub папка "start_html" содержит теперь несколько стартеров. Стартер, который рассматриваем в этом видео находится в папке "_clean_html" (GitHub). Стартер дополнен некоторыми необходимыми компонентами для удобства разработки.

Скачать бесплатные иконки Font Awesome.

Иконочные шрифты Font Awesome постоянно развиваются, меняются. В настоящее время можно скачать шрифты по ссылке "Start for Free" – "Download". Папка "fonts" в архиве теперь называется "webfonts". Способ подключения и содержимое архива может меняться с выходом новых версий, обязательно ознакомьтесь с документацией (пункт меню Docs на сайте). Архив также может меняться, однако найти шрифты в новом архиве не составит труда, всё интуитивно понятно.

Вывод иконок текущей версии в документе, пример:

<i class="fas fa-address-card"></i>

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «Инструменты»

  • Gulp include на стороне сервера Browsersync + Build
  • OptimizedHTML 5: Важные обновления стартера для JS-разработки
  • Gulp 4 - Актуальное и исчерпывающее руководство для самых маленьких
  • Актуальный способ установки и настройки окружения Windows WSL 2 (Windows Subsystem for Linux)
  • PageSpeed Insights - Оптимизация (обновление)
  • October CMS - Первое знакомство

Разделы сайта:

  • Курсы
  • HTML и CSS
  • Веб-дизайн
  • Инструменты
  • Оффтоп
  • MODx
  • WordPress
  • jQuery
  • Адаптивный веб-дизайн
  • Создание иконок
  • Обработка изображений
  • Иллюстрации и Инфографика
  • Интерфейсы UI/UX
  • Прототипирование
  • JavaScript
  • Хостинг

Полезные ресурсы:

  • Lazy Load Placeholder
  • Документация Gulp 4
  • Рабочее место разработчика
2021 © WebDesign Master