在Salesforce中升级到Font Awesome 5

Question

我正在尝试升级到FontAwesome 5，它将无法正常工作。我们通过Salesforce固有的OrchestraCMS运行我们的网站。

我已经下载了版本5，并按原样上传到我的静态资源。然后，在我的Visualforce组件页面页眉中，添加了以下代码：

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

我们使用CSS pseudo elements，所以我已经按照说明更新了所有类：

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

我尝试仅解压缩并上传webfonts和css文件，但这仍然行不通。

任何建议将不胜感激。

Answer 1

官方文档告诉您有关“托管很棒的字体”的所有信息：
https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

还请注意，例如版本4中的<i class="fa fa-home"></i>，
现在是版本5中的<i class="fas fa-home"></i>。
（我认为这可能是您的主要问题。）

这里也有详细记录：
https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4

在阅读了我链接的这两页之后，我确定您可以使它工作。

还要检查浏览器的“网络”选项卡，以查看是否已成功下载FontAwesome所需的CSS和字体文件。你知道...没有红线和404：）

Answer 2

这可能就是我在Salesforce中建立网站的方式，但是对于那些与我有相同问题的人，我建议以下几点： 将fontawesome.css（从文件底部的URL中删除“ ../”）和webfonts文件夹复制到静态资源中的zip文件中。

然后参考您的样式表：

这些说明与Font Awesome网站略有不同，因为上传其zip文件并引用它对我不起作用。