Шрифт с иконками 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">
3. В нужном месте вставляем например иконку пользователя:<i class="fa fa-user" aria-hidden="true"></i>
Ну вот и всё! Осталось украсить свой сайт иконками ;)
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.