Перестал отображаться Font Awesome, почему квадратики?

Question

[Андрей Филимонов]

Здравствуйте, 2 года всё хорошо отображалось, а сейчас вдруг иконки соцсетей из font awesome стали отображаться квадратиками. Изменений не вносилось.

Как исправить? Вот сайт, иконки в футере. Шрифт подключается в хэдере:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Answer 1

[Eugene Chefranov]

У вас смесь версий. Подключена 4 версия, а используете 5

Comments

[Андрей Филимонов]

а как исправить? Что удалить?

[Eugene Chefranov]

Андрей Филимонов, либо перейдите на новую версию иконок. Или как я показал на скрине удалив строку с использованием шрифта Font Awesome 5 в ваших стилях, она перебивает строку с подключением 4 версии ранее.

[Андрей Филимонов]

Eugene Chefranov, простите) но где её удалить? Её нет в файле стилей, нет на странице, где она?

[Eugene Chefranov]

Андрей Филимонов, на скрине написано что находится в файле all.css

[Андрей Филимонов]

Eugene Chefranov, а как его найти? на сервере нет такого

[Андрей Филимонов]

Eugene Chefranov, Спасибо, но так и не смог найти, что и где подключает 5 версию

[Максим]

Андрей Филимонов, в файле настройке нету ?

Answer 2

[vaflya]

Такая же бурда. Зайдите на сайт fontawesome и зарегайтесь. Потом вставьте скрипт (они теперь не через css делают, а через js) в хэдер.

Почему так произошло, представить не могу.

Comments

[Evgeniy K.]

Я через npm установил
1) (npm install --save @fortawesome/fontawesome-free)
2) и в sсss сделал импорт (@import "../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";)

получил квадратики, ничего не помогало пока не наткнулся на твой пост, это что тогда получается через npm теперь нет смысла ставить т.к. все будет работать только через js подключение ?