Иконки font awesome css как подключить

Иконки font awesome css как подключить
Иконки font awesome css как подключить? Именно так звучит название темы, которую мы с вами постараемся разобрать, как можно подробней. С уверенностью этот материал можно отнести к разделу "Инструменты для сайта" смотрите в правой панели сайта, возможно найдете еще, что-нибудь интересное для себя.

Что такое font awesome (перевод с анг. - крутой или клевый шрифт) - это вспомогательный инструмент (иконка), который помогает выделить определенный элемент на сайте или блоге.

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

Что же можно выделить с помощью иконок font awesome? Допустим на моем сайте есть главное меню, которое разбито на несколько категорий: WordPress, Joomla, Blogger и т.д. так вот для более презентабельного вида можно каждой из этих ячеек задать соответствующею иконку.
иконки font awesome пример для главного меню
Правда в базе Font Awesome на все случаи жизни иконок не найдется, но это пока что, ведь с каждым месяцем количество иконок заметно прибавляется.

Так же можно выделять некоторые заголовки или подзаголовки в постах:
иконки font awesome пример для текста в постах

Очень полезны иконки font awesome для такого типа сайта, как Landing Page. Сейчас просто невозможно представить презентацию одностраничника без данного инструмента.
иконки font awesome пример для landing page

В общем, как вы уже поняли иконкой можно отметить любой элемент сайта. Стоит упомянуть, что отображение иконок достигается за счет использования языка CSS, что есть очень хорошо поскольку CSS код является самым легким для загрузки сайта. По крайней мере создатель инструмента font awesome хорошо постарался, чтобы не создавать дополнительной нагрузки на сайт при подключении своего творения.

Как подключить иконки Font Awesome

Вот мы с вами и добрались к самой важной части. Подключить иконки font awesome проще простого. Для этого вам нужно открыть HTML редактор своего сайта и в промежутке между тегами <head> ... </head> вставить тег, который подключит ваш сайт к базе font awesome:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

Сохраните изменения.

Теперь дело осталось за малым, вам нужно выбрать нужную иконку на сайте Font Awesome скопировать ее HTML код:
иконки font awesome пример HTML код
и вставить его перед тем элементом, который хотите выделить.

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



Коммент.

Имя

Бесплатные шаблоны WordPress Блог Все для blogger Все для WordPress Графический дизайн Заказ сайта Заработок в интернете Инструменты для сайта Контакты Купить шаблон blogger Наши услуги Новичкам Оптимизация сайта Партнерки для сайтов Перевод статьи Плагины для WordPress Полезные сайты Полезные сервисы Полезные статьи Разделы сайта Сайты - блоги Шаблоны для Blogger Шаблоны для Joomla Шаблоны для PrestaShop Шаблоны для Ucoz Шаблоны на русском Шаблоны blogger 2016 Шаблоны blogger бесплатно Шаблоны blogger магазин Шаблоны Bootstrap 3 Шаблоны Magento best blogger templates
false
ltr
item
Шаблоны для сайтов и блогов: Иконки font awesome css как подключить
Иконки font awesome css как подключить
Как подключить к сайту CSS инструмент иконки font awesome.
https://4.bp.blogspot.com/-pxQ1Hyu0_eQ/WHt67engzXI/AAAAAAAAj_k/c80jxQmOZWEyQN8TJ8YshxHPdbsVAI70wCLcB/s400/font-awesome-.jpg
https://4.bp.blogspot.com/-pxQ1Hyu0_eQ/WHt67engzXI/AAAAAAAAj_k/c80jxQmOZWEyQN8TJ8YshxHPdbsVAI70wCLcB/s72-c/font-awesome-.jpg
Шаблоны для сайтов и блогов
http://www.shablonu-dlya-blogger.ru/2017/01/Ikonki-font-awesome-css-kak-podkljuchit.html
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/2017/01/Ikonki-font-awesome-css-kak-podkljuchit.html
true
5286106991494805428
UTF-8
Похожих постов не найдено Отобразить все Читать дальше Ответить Отмена Удалить By Главная Страницы Пост. Отобразить все Рекомендуем Тег Архив Поиск Все посты По вашему запросу не найдено ни одного поста Вернуться на главную Воскресение Понедельник Вторник Среда Четверг Пятница Суббота Вс Пн Вт Ср Чт Пт Сб Января Февраль Март Аперль Май Июнь Июль Август Сентябрь Октябрь Ноябрь Декабрь Янв Фев Мар Апр Май Июнь Июль Авг Сен Окт Ноя Дек только что минуту назад $$1$$ мин. назад час назад $$1$$ час. назад Вчера $$1$$ дней тому назад $$1$$ недель тому назад более 5 недель Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy