Обновление до Font Awesome 5 в Salesforce

Question

Я пытаюсь перейти на FontAwesome 5, и он не будет работать.Мы запускаем наш веб-сайт через OrchestraCMS, которая является родной для Salesforce.

Я скачал 5-ю версию и загрузил, как есть, в мои статические ресурсы.Затем в свой заголовок страницы компонентов Visualforce я добавил следующий код:

    <apex:stylesheet value="{!URLFOR($Resource.FontAwesome, '/FontAwesome/css/fontawesome.css')}" />

Мы используем псевдоэлементы CSS , поэтому я обновил все классы в соответствии с инструкциями:

.expired::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f017";
    color: #886E3A;}

Я попытался разархивировать и загрузить только файлы веб-шрифтов и CSS, но это по-прежнему не работает.

Буду признателен за любые предложения.

Answer 1

Возможно, так был построен мой сайт в Salesforce, но для тех, у кого такая же проблема, как и у меня, я предлагаю следующее: Скопируйте файл fontawesome.css (удалите «../» из URL в нижней частифайл) и папку webfonts в zip-файл в статических ресурсах.

Затем обратитесь к таблицам стилей:

Эти инструкции немного отличаются от веб-сайта Font Awesome, так как они загружают свой zip-файл.и ссылка на него не работает для меня.

Answer 2

Официальная документация расскажет вам все о "Hosting Font Awesome Yourself":
https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

Также обратите внимание, что, например, <i class="fa fa-home"></i> в версии 4,
, что сейчас<i class="fas fa-home"></i> в версии 5.
(я думаю, что это может быть вашей главной проблемой.)

Это также хорошо задокументировано здесь:
https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4

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

Также проверьте вкладку сети вашего браузера, чтобы узнать, были ли успешно загружены необходимые файлы CSS и шрифтов для FontAwesome.Вы знаете ... без красных линий и 404:)