В бутстрап-глификонах отображается неправильная иконка

Я видел это во время разработки моего сайта, иногда мои глификоны не отображают правильно и показывают разные значки. Недавно я получил несколько сообщений о моей корзине покупок и кнопке поиска, показанной как молоток и губы. Я использую bootstrap v3.3.4 и имею шрифты, хранящиеся на моем сервере, с абсолютным путем. Я видел это в FireFox и только что получил мобильный отчет в Safari. У кого-нибудь такая проблема или, может быть, идея, почему это происходит?

Я собираюсь добавить, что, когда я помню, что видел это, я обновил страницу или очистил кеш и устранил проблему. Но мой клиент хочет получить лучший ответ, чем просто обновляет страницу.

Ответ 1

У меня была аналогичная проблема с проектом, над которым я работал. Я понимаю, что платформы собственных значков /emojis берут преимущество над вашими собственными, потому что они имеют одни и те же имена. В ходе работы я изменил свое соглашение об именах с неясным префиксом. С тех пор была свободна. Если вы похожи на меня и не знаете, как это сделать, я использовал Fontastic Me Font Icon Maker в качестве отправной точки. Надеюсь, это поможет:)

Ответ 2

Вот мое решение: В _variables.scss(или css) найдите строку со строкой шрифта значка:

$icon-font-path: if ($ bootstrap-sass-asset-helper, "bootstrap/", "../../fonts/bootstrap/" )! default;

В моем случае проблема была неправильным путем для шрифтов /bootstrap (глификоны здесь). Чтобы устранить проблему, просто удалите ее "../". Ваш код должен выглядеть примерно так:

$icon-font-path: if ($ bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/" )! default;

Надеюсь, что это поможет.

Ответ 3

(Поместите это здесь для любого, кто ищет в будущем, выделив ответ в ссылку, размещенную Тони в комментарии к исходному вопросу. )

Если вы используете блокировщик объявлений в iOS, вы увидите эту проблему: emoji заменяет глификоны (например, обезьяна заменяет календарь). У меня нет другого решения, кроме как отключить блокировщик объявлений.

Кстати, аналогичная вещь случается с шрифтом-удивительным, но вместо того, чтобы показывать эможи, значки просто не появляются. Это не здорово, но определенно лучше!