Font Awesome 4 как подключить?

Font Awesome 4 как подключить?

Как подключить Font Awesome v 4.7.0 ?

Иконический шрифт и CSS инструментарий. Font Awesome предоставляет собой масштабируемые векторные иконки, которые можно мгновенно настраивать - размер, цвет, тень и все, что можно сделать с помощью CSS. Как подключить Font Awesome к сайту? да очень просто.

font awesome как подключить
font awesome как подключить к сайту к проекту CSS

 

Один шрифт, - 675 иконок в одной коллекции. Font Awesome является пиктографическим языком действий.

Для работы Font Awesome не требуется JavaScript.

Как добавить в проект иконочный шрифт Font Awesome v4.7.0:

Если у Вас шрифты находятся не рядом с файлом: font-awesome.css
Тогда в файле font-awesome.css нужно указать путь до шрифтов.

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

Как использовать FontAwesome в CSS?

 

Для того что бы воспользоваться FontAwesome через CSS:

  1. Нужно подключить в Ваш .css, файл от FontAwesome,- font-awesome.min.css
    @import "font-awesome.min.css";
  2. К элементу к которому будет нужно применить иконку от FontAwesome, прописываем указание свойства семейство шрифтов:
    
    span.element {
    	font-family: FontAwesome;
    	font-size: 1.2rem;
    	color: #95A5B1;
    	display: inline-block;
    }
  3. К элементу к которому будет нужно применить иконку от FontAwesome, прописываем псевдоэлемент(::after или ::before). И в свойство content, прописываем обратный слэш и юникод иконки:
    span.element::after {
    	content: '\f115';
    }

Font Awesome 4 как подключить?

Поделиться ссылкой:

Насколько был полезен этот пост?

Кликни что бы проголосовать

Средний рейтинг / 5. Всего голосов

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *