Как использовать font awesome в css?

@rodger.botsford 

Для того чтобы использовать шрифты Font Awesome в CSS, нужно сначала включить шрифты на страницу. Это можно сделать с помощью тега link внутри head страницы:

1

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">

Также можно скачать шрифты с сайта Font Awesome и включить их локально, указав путь к файлу стилей:

1

<link href="/path/to/font-awesome.min.css" rel="stylesheet">

После того как шрифты будут включены, можно использовать иконки Font Awesome в CSS, применяя специальный класс fa к элементу, например:

1
2
3
4
5
6
7
8

.icon {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.icon::before {
  content: "00c";
}

Вместо 00c можете указать код нужной иконки, найденный в справочнике иконок Font Awesome. Например, для иконки "смайлик" код будет 118.

Также можно использовать иконки Font Awesome в виде шрифта с помощью специальных классов, наприм