Научимся подключать и использовать в своей работе векторные шрифтовые иконки Font Awesome и подобные.
Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Стартеры 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
Другие уроки по теме «Инструменты»
- Gulp include на стороне сервера Browsersync + Build
- OptimizedHTML 5: Важные обновления стартера для JS-разработки
- Gulp 4 - Актуальное и исчерпывающее руководство для самых маленьких
- Актуальный способ установки и настройки окружения Windows WSL 2 (Windows Subsystem for Linux)
- PageSpeed Insights - Оптимизация (обновление)
- October CMS - Первое знакомство