Пытаясь обновить Font Awesome с 5.0.6 до 5.8.1, получая пустые квадраты - PullRequest
1 голос
/ 24 марта 2019

Где-то на моем сайте у меня есть папки:

  • (...) / font-awesome / 5.0.6 / css /
  • (...) / font-awesome / 5.0.6 / webfonts /
  • (...) / font-awesome / 5.8.1 / css /
  • (...) / font-awesome / 5.8.1/ webfonts /

Если я включаю файл font-awesome/5.0.6/css/fontawesome-all.min.css, Font Awesome работает.

Если я включаю файл font-awesome/5.8.1/css/fontawesome.min.css, Font Awesome показывает пустые квадраты вместо значков.

Скорее всего, это связано не с кешем, так как я очистил кеш браузера и файлы кеша .css.

Я помню, что в прошлом при интеграции Font Awesome на веб-сайт мне приходилось вручнуюизменить некоторые относительные URL-адреса внутри библиотеки, но это, если я хорошо помню, было с Font Awesome 4.

Однако я чувствую, что пропустил какой-то шаг установки, который я просто не могу вспомнить, поскольку это было такдавно ".

Ответы [ 3 ]

0 голосов
/ 24 марта 2019

С учетом последней заметки о выпуске (https://fontawesome.com/changelog/latest) произошли некоторые большие изменения с 5.0 до 5.8:

Heads Up! В этом выпуске есть критические изменения

InВ последней версии мы исправили некоторые проблемы с использованием наших файлов шрифтов OTF и TTF в мобильных проектах. Имена, вес шрифта и версия были изменены, чтобы быть более совместимыми и стабильными в будущем.

После обновления ваших копийиз наших файлов рабочего стола вам может понадобиться снова установить гарнитуру текстовых слоев. После этого мы также рекомендуем дважды проверить, отображаются ли значки, как и ожидалось, в ваших документах. Возникли проблемы? Свяжитесь с нами, и мыВыручу.

Вам, вероятно, нужно перейти по ссылкам, чтобы исправить ваши проблемы:

https://fontawesome.com/how-to-use/on-the-desktop/setup/getting-started#install-ligatures


Я такжесоветуем вам постепенно переходить на более низкую версию, потому что на самом деле вы переходите на версию 7, и вам будет трудно понять реальную проблему. Поэтому начните переходить на 5.1, затем на 5.2 и так далее, покаВы найдете, какая версия является виновной.

https://github.com/FortAwesome/Font-Awesome/releases

Перейдите по этой ссылке для получения дополнительной информации об обновлении между версиями: https://github.com/FortAwesome/Font-Awesome/blob/master/UPGRADING.md

0 голосов
/ 25 марта 2019

Я обнаружил, в чем проблема, это что-то специфическое для моего сайта / приложения.Я минимизирую большинство моих файлов .css с помощью библиотеки php, а затем объединяю их с помощью homemade-library (только вторая библиотека является homemade).Тогда, потому что полученный файл .css не совпадает с местоположением, ссылки на веб-шрифты не работают, это был тот шаг, который я забыл: вместо этого сделать все относительные ссылки ../webfont полуотносительными.Теперь все отлично работает.

0 голосов
/ 24 марта 2019

Скачиваете ли вы файл .zip вместо одного all.min.css файла?Если нет, то загрузите файл .zip, распакуйте его и свяжите основной файл CSS внутри заголовка.

С другой стороны, вы можете использовать ссылку CDN, которую они предоставляют

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

Обаработают отлично.

...