Question

Проблема в том что многие иконки в дизайне установлены как

:before {
    content: "\000";
}

Можно конешно их вставить картинками .png  но тогда теряется вожможность управления их цветом из CSS (мне эта возможность нужна) Возможно ли их как то использовать при ANSI?

Answer 1

Подключайте к сайту Font Awesome, в стили в первой строке прописать:

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

после подключаем иконки в шаблоне где нужно, например иконку instagram переходим на страницу иконки https://fontawesome.com/v4.7.0/icon/instagram копируем код:

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

и вставляем у себя в шаблоне сайта где она должна отображаться. Другие иконки ищем в списке https://fontawesome.com/v4.7.0/icons/