Бренды Font Awesome
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Как исправить значки Font Awesome, которые не отображаются в WordPress
Когда я впервые написал краткое руководство о том, как добавить значки социальных сетей в меню WordPress с помощью значков Font Awesome, я не предвидел, что Font Awesome не работает.
.
Чего я не понимал в то время, так это того, что добавление значков Font Awesome не всегда работает для всех.
Некоторые люди сообщают, что шрифт awesome показывает пустые квадраты. Другие вообще не видят значков.
Я скоро объясню, почему…
Итак, в этом посте я поделюсь с вами своим видео, в котором я расскажу вам о некоторых способах исправления проблем с шрифтом Awesome — такие вещи, как значки шрифта Awesome, отображаемые как квадраты или значки, отображаемые как пустые — а затем я собираюсь дать вам еще больше исправлений, которые я обнаружил после записи видео, , включая мое собственное исправление после того, как моя собственная иконка Font Awesome превратилась в пустой квадрат.
Надеюсь, одно из этих исправлений поможет решить проблему с шрифтом Awesome.
Итак, давайте начнем с видео:
Видео выше помогло многим людям, которые испытывали проблемы с отображением значков Font Awesome на своих веб-сайтах.
..
… но не всем.
Итак, я приступил к поиску других решений, и я рад сообщить, что нашел некоторые из них — , в частности, одно исправление, которое, похоже, поможет тем людям, которые не смогли исправить свое после просмотра видео.
Вот несколько распространенных проблем, которые я обнаружил — может быть, ваш здесь:
Шрифт Awesome Icons не работает в Chrome
90 008некоторые значки шрифтов не отображаются
Значки шрифта awesome не отображаются, например,
и т. д.
Примечание: кто использует ie! OMG…
В любом случае, суть в том, что Font Awesome не работает, проблема не , а редкость.
Поэтому я решил, что лучшим способом помочь будет создание этой страницы в качестве ресурса.
Это также позволяет мне продолжать добавлять исправления и решения для шрифтов по мере их нахождения.
Давайте рассмотрим их сейчас:
(вероятная) причина, по которой значки Font Awesome не отображаются Канал YouTube и не забудьте подписаться ..) Я начал с попытки воспроизвести проблему. Я попытался сломать отлично работающую копию своего блога (на моей локальной машине)
, и я просто не мог добраться до шрифта , который не работает локально .Затем была эта странная вещь со временем…
Я был в процессе переключения хостов (здесь вы можете увидеть хосты, которые я сейчас использую), и когда мой блог переместился на новый хост, Font Awesome остановился работает на меня! Ну, частично. Некоторые иконки Font Awesome не отображались в моем блоге WordPress, но другие отображались нормально (в каком-то смысле это еще более странно).
Таким образом, хотя я не мог намеренно воспроизвести проблему, она обнаружила меня, когда я сменил хост.
Вы должны смеяться…
Итак, само собой разумеется, я отказался от локальной копии своего блога и решил исправить настоящую проблему отсутствия значка в моем блоге.
Вот как это было:
У меня было два значка в меню навигации. Один значок показывался, а другой нет. Шорткод значка Font Awesome не изменился, так что это не имело особого смысла.
Итак, я копнул глубже и вот что я нашел:
Некоторые распространенные решения Font Awesome для отсутствующих значков: решения Font Awesome в GitHub
Щелкните здесь, чтобы просмотреть полную статью о GitHub
Решение Font Awesome от Nabil в Stack Flow
ИСТОЧНИК: Переполнение стека
Еще одно решение Font Awesome от NathanG в Stack Flow
ИСТОЧНИК: Переполнение стека0564 ИСТОЧНИК: Скотт Хансельман
И видео «Что делать, если значки Font Awesome не отображаются» от Template Monster
Исправление Font Awesome от Пита
ИСТОЧНИК: Generate Press
Кстати, мы’ Это еще не сделано, но вы можете помочь другим найти эту страницу, написав в Твиттере следующее:
[clickToTweet tweet=»Вот удобный список решений, позволяющих решить проблему, когда значки Font Awesome не отображают проблемы.
» quote=»Вот удобный список решений для иконок Font Awesome, которые не отображают проблемы.» тема=»стиль3″]
Боковое примечание: Некоторые могут столкнуться с тем, что Font Awesome не работает на стороне сервера, но я думаю, что исправления будут такими же. Однако, если вы используете CDN, то стоит обратить внимание на некоторые из приведенных выше решений, которые включают в себя небольшую модификацию строки ссылки таблицы стилей.
Теперь, если все вышеперечисленные решения не работают или если вы предпочитаете работать с плагинами, а не с кодом, читайте дальше:
Плагин, который может исправить отсутствующие значки Проблема Font Awesome
К счастью, теперь у Font Awesome есть плагин. Вот он: плагин Font Awesome. Если это не исправит ваши значки, попробуйте связаться со службой поддержки Font Awesome, так как это их плагин, и он может просто дать вам быстрый ответ (или некоторую помощь).
Теперь позвольте мне рассказать, как я решил проблему с отсутствующей иконкой:
Как я исправил отсутствующую иконку в Font Awesome
исправить это и то, что я сделал.
Когда я посмотрел в Интернете, я увидел, что у некоторых людей была та же проблема, что и у меня: только некоторые значки не отображаются, но другие отображаются нормально . Я действительно увидел квадрат вместо значка шрифта awesome в какой-то момент, когда попробовал вариант шорткода, но это, возможно, было связано с моим синтаксисом.
В любом случае…
Первое, что я сделал
Сначала я проверил исходный код своей страницы и нашел ссылку на таблицу стилей, которая представляет собой шрифт Awesome Stylesheet.
Строка кода ссылается на конкретную версию таблицы стилей, , и я думаю, что проблема может возникнуть у многих людей , потому что, когда я просматривал некоторые потоки в Интернете, я видел строку кода для сошлитесь на таблицу стилей , и я заметил разные номера версии в зависимости от того, какой была последняя таблица стилей на тот момент.
Другие темы посоветовали проверить ваш заголовок и добавить строку кода для ссылки на таблицу стилей, и, конечно же, всегда была другая версия упомянутая.
И, наконец, многие люди после проверки исходного кода того, у кого возникла проблема, указывали, что они ссылаются на неверную версию таблицы стилей.
Итак, я думаю, что происходит — читая между строк — это тот потрясающий шрифт, который постоянно обновляет свою систему на их заканчиваются, и некоторые люди заканчивают со старыми или более старыми таблицами стилей, и это вызывает проблему.
Таким образом, в данном случае нужно было отойти от статического кода и переключиться на динамическую альтернативу… что-то, что проверяло бы текущую версию необходимой таблицы стилей.
Очевидно, я имею в виду плагин.
Теперь подключаемый модуль Font Awesome, о котором я упоминал несколько абзацев назад, должен помочь исправить ваши проблемы с Font Awesome.
Но если это не так, то знайте, что есть другие плагины, которые работают для многих пользователей.
Давайте посмотрим на них сейчас:
В поисках плагина для исправления отсутствующих значков Font Awesome…
Плагины могут быть отличным решением подобных проблем, потому что плагин — даже если это сторонний плагин — при условии, что у него есть доступ к любым необходимым API-интерфейсам — следует проверить наличие последней таблицы стилей и указать ссылку на .
И, естественно, вы ожидаете эту функциональность от любого плагина, который утверждает, что интегрируется с Font Awesome.
В видео вы можете увидеть, как я ищу в своей области плагинов «font awesome» и получаю несколько релевантных результатов. Так что я выбрал один случайным образом и установил его.
Это подключаемый модуль Font Awesome, который я выбрал для этого теста. Я все еще видел, что Font Awesome не работает. У меня по-прежнему не отображалась иконка в моем меню WordPress.
Но потом я заметил в плагине настройку, которую можно установить для него на всегда тянуть в последней версии.
Бинго!
Кажется, это подтверждает мое подозрение, что по крайней мере некоторые из этих проблем с отсутствующими значками связаны со ссылкой на устаревшую таблицу стилей.
Второе, что я сделал
Итак, вот что я сделал дальше, чтобы исправить проблему в своем блоге:
Я вернулся на сайт Font Awesome
Я искал значок YouTube (потому что это значок, который не отображается в моем меню)
Я скопировал шорткод так же, как и изначально
Я вернулся в меню WordPress, добавил новый пользовательский значок, вставил код и вуаля. Это сработало!
Интересно, что оригинальный значок YouTube Font Awesome по-прежнему не отображается, а новый отображается.
Найди меня…
По крайней мере, теперь я могу просто заменить оригинальный значок на новый.
Что делать, если после этого значок все равно не отображается?
Найдите шрифт awesome для того же значка, с которым у вас возникла проблема, и выберите другой дизайн или вариант этого значка. Я признаю, что в этом мало смысла, но просто попробуйте, потому что способ, которым я это исправил в своем блоге, немного странный, но он работает, , так что это может сработать для вас.
С чего бы я начал устранять проблемы с Font Awesome — что попробовать в первую очередь
Я бы определенно попробовал добавить новую иконку Font Awesome (или даже тот же шорткод) к новой пользовательской ссылке в вашем меню WordPress.
Если это не сработает, я бы протестировал некоторые плагины, которые интегрируют Font Awesome с вашим блогом.
Также может быть конфликт с вашей темой (особенно со старыми темами).