Почему иконки fontawesome и bootstrap нормально отображаются в Google Chrome а в Firefox только квадратики с цифрами?

Question

[Андрей]

Здравствуйте!
Иконки отображаются в Google Chrome и в Avast SafeZone Browser нормально.
А в Firefox выводятся на месте иконок только квадратики с цифрами
В IE даже квадратиков нет
В оперу заходил только на телефоне, тоже квадратики.
Иконки fontawesome и bootstrap.
Сайт andreyportfolio.ml (бесплатный хостинг) это мой первый сайт, строго не судите.
Перелопатил уже весь интернет, пока ответа не нашел.

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

Comments

[Алексей Ярков]

Вы бы консоль почаще открывали что-ли ))) Там ошибка на ошибке. Вы откуда шрифты грузите?

[Андрей]

Я использовал 1 гугл шрифт и 1 свой подгружал RalewayBold

Answer 1

[Ксения Михайлова]

открываете консоль... Читаете... Грузите шрифты либо со своего сервера, либо с публичных cdn.

Font from origin 'http://err.freewebhostingarea.com' has been blocked

Comments

[Андрей]

вообще убрал свой шрифт, оставил только гугловский.
Теперь консоль показывает : Failed to load resource: net::ERR_CONNECTION_RESET err.freewebhostingarea.com/not-found.html

[Андрей]

Ксения, если я правильно понял, то проблема в неправильном подключении шрифта? Или Firefox не хочет загружать гугловский шрифт и нужно загружать только свой?
Почему тогда в Google Chrome все работает нормально.

[Ксения Михайлова]

retals: В хроме вы видите этот шрифт, потому что он был загружен когда-то ранее, и браузер его знает. Вам надо прекратить загружать шрифт с err.freewebhostingarea.com, а грузить с cdn. Например, https://www.bootstrapcdn.com/fontawesome/

[Андрей]

Ксения, большое вам спасибо за советы, все заработало даже в IE!
Я в head убрал строку и заменил на https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3...
Мне конечно не совсем понятно, почему же Firefox не хотел принимать мой файл font-awesome.min.css который я загрузил в css папку, я его скачал с официального сайта и по идее он должен работать.
Но теперь буду загружать только с публичных CDN.
Может это из-за того что хостинг бесплатный?
Еще раз спасибо, очень помогли!

[Андрей]

в head убрал строку link rel="stylesheet" href="css/font-awesome.min.css"