Иконки Font Awesome ломаются при любых ошибках Javascript

Почему значки 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!


google-chrome css font-awesome font-awesome-5
person Brian Ruff    schedule 28.04.2018    source источник
comment
Когда я захожу на сайт в своем браузере, я получаю эту и многие другие ошибки из того же домена: Отказался выполнять скрипт из 'sdk.beeketing.com/js/beeketing.js?20180427 ', потому что его тип MIME (' image / png ') не является исполняемым.   -  person Raghuram Kasyap    schedule 28.04.2018
comment
Плагин глючит. Но это тоже работает. Думаю, это компромисс.   -  person Brian Ruff    schedule 28.04.2018
comment
Если вас устраивает какой-либо из приведенных ответов, отметьте его как лучший ответ   -  person Damián Pablo González    schedule 08.05.2018

Ответы (2)


arrow_upward
0
arrow_downward

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

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

person Damián Pablo González    schedule 28.04.2018

arrow_upward
-1
arrow_downward

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

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

person schmitty890    schedule 28.04.2018