Как использовать псевдоэлемент before для добавления кастомных иконок к спискам?

Псевдоэлемент before в CSS позволяет настраивать маркеры списков, заменяя стандартные маркеры на кастомные. purpleschool.ru

Один из способов добавить иконку из набора шрифта, например FontAwesome,: prostoisait.ru

1. Найти подходящую иконку, например fa-check fontawesome. prostoisait.ru
2. Проверить в коде страницы сайта, что подключён этот шрифт. prostoisait.ru Если нет, выбрать подходящий способ подключения на сайте шрифта. prostoisait.ru
3. Удалить маркеры у списка через CSS с помощью свойства list-style-type: none. prostoisait.ru lpgenerator.ru
4. Добавить свою иконку через псевдоэлемент before. prostoisait.ru В качестве символа вместо маркера использовать unicode выбранной иконки через обратный слэш. prostoisait.ru

Пример кода: prostoisait.ru

.check li {     list-style-type: none; /* удаляем маркеры у списка */ }  .check li:before {     content: ”|f00c”; /* добавляем символ вместо маркера — unicode выбранной иконки через обратный слэш */     font: normal normal normal 13px/1 FontAwesome;     float: left;     padding:5px;     color:red; }                                                                           prostoisait.ru                      

В этом примере маркеры списка заменяются на красные точки. purpleschool.ru