Font Awesome значки ломаются во время любых ошибок Javascript

Question

Почему значки Font Awesome отображаются в виде мигающих вопросительных знаков каждый раз, когда на странице возникает ошибка Javascript?

Правильный значок Font Awesome правильно мигает в течение 1 секунды, а затем изменяется на?

Вы можете увидеть некоторые сломанные значки на этой странице для справки. Также стоит отметить этот сайт Shopify с плагинами, в которых время от времени могут возникать ошибки, поэтому сложно сохранить сайт без ошибок на 100% такой консоли. У меня были проблемы с Font Awesome 4 и Font Awesome 5:

https://outdoor.best

Тест на Chrome версии 65.0.3325.181 Mac High Sierra

Редактировать: Я глуп и звонил Font Awesome 5 Pro и Font Awesome 5 Pro бесплатно, используя CDN. Я удалил бесплатную версию, и она работает сейчас. Я бы удалил этот вопрос, но не хочу, чтобы его наказали сотрудники Stack Overflow!

Answer 1

Font Awesome меняет свои иконки в зависимости от версии, которую вы загружаете, я сам испытал это, когда мои иконки внезапно стали ? icon

Просто замените ваш значок на текущий <i class="fas fa-sign-in-alt"></i>, и ваша проблема должна быть исправлена ​​

Answer 2

Это потому, что некоторые значки изменились с v4 на v5. Например, на той странице, которую вы упоминаете, значок «Войти», который вы можете видеть в источнике, он помечен как fa fa-sign-in, а на Font Awesome Website он говорит, что он изменился на fas fa-sign-in-alt, и это говорит:

Этот значок заменяет вход в Font Awesome 4. Мы создали шим для помочь людям легко обновить свои существующие проекты из Font Awesome 4 до 5 и избежать тех смущающих пропущенных моментов иконы.