Шрифт с иконками FontAwesome в DLE

Шрифт с красивыми иконками для сайта.
Удобный, лёгкий с красивыми иконками шрифт FontAwesome.
В этой статье я расскажу что такое "FontAwesome", Как его устанавливать и как им пользоваться!

Font Awesome предлагает вам масштабируемые векторные иконки, которые вы можете с легкостью персонализировать — размер, цвет, тени и все, что можно сделать силами CSS.
Как пример вы можете увидеть эти иконки на FOR-DLE.ru с боку в блоках. Это еще далеко не все иконки.
Всего в этом шрифте 675 чётких и красивых иконок.
Вам не нужно загружать и устанавливать по одной эти нудные  маленькие картинки с иконками, не нужно присваивать к каждой из них свой css стиль. Всё очень просто, подключил шрифт и вписал в нужное место строку с тегом.

Официальный сайт Font Awesome - fontawesome.ru
Актуальная версия: 4.7.0

Установка шрифта на сайт/шаблон. (на шаблон DLE)
1. Скачиваем сам шрифт и закидываем стили в папку со стилями (css/styles) а шрифт (ttf,otf...) в папку fonts (если нет то создайте)
2. Открываем файл main.tpl и перед тегом </head> вписываем:

<link rel="stylesheet" href="/templates/JAWELEVEN/css/font-awesome.min.css">

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<i class="fa fa-user" aria-hidden="true"></i>