将 FontAwesome 5.15.0 与 PrimeFaces 8.0 一起使用答案

【问题标题】：Using FontAwesome 5.15.0 with PrimeFaces 8.0将 FontAwesome 5.15.0 与 PrimeFaces 8.0 一起使用
【发布时间】：2021-06-30 18:50:13
【问题描述】：

我正在尝试将 fontawesome 5.15.0 与 primefaces 8.0 一起使用，并且图标未在命令按钮中呈现。

在 web.xml 中

<context-param>
    <param-name>primefaces.FONT_AWESOME</param-name>
    <param-value>false</param-value>
</context-param>

在 xhtml 页面中

<h:outputStylesheet library="webjars" name="font-awesome/5.15.0/css/all-jsf.css" />
<h:outputStylesheet library="webjars" name="font-awesome/5.15.0/css/v4-shims.min-jsf.css" />

在 pom.xml 中

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>font-awesome</artifactId>
    <version>5.15.0</version>
</dependency>

在命令按钮中使用 fa fa-unlock-alt 或 fas fa-unlock-alt 都不起作用...

<p:commandButton value="Acessar" icon="fa fa-unlock-alt"
    ajax="false" action="#{loginController.login()}"
    styleClass="btn btn-teal btn-block" />

但是<i class="fas fa-user"></i>工作！！

请注意，我正在使用 Adminfaces(https://github.com/adminfaces) 和 primefaces 8.0

有人知道解决办法吗？

谢谢！

【问题讨论】：

我们使用 FA 5.15 和 PF8.0，它在我们的命令按钮上运行良好。然而，我们没有使用 AdminFaces。 icon="fas fa-unlock-alt" 应该可以正常工作。
在这里不起作用。我不明白为什么。
admin Faces 是否以某种方式添加了一些将其丢弃的 CSS？也只是为了好玩，下拉到 FontAwesome 5.12.0，这就是我在当前项目中使用的原因。只是看看 WebJars 是否破坏了某些东西。

标签： jsf primefaces font-awesome

【解决方案1】：

我已经找到了解决办法...

primefaces.FONT_AWESOME 必须为真...

<context-param>
    <param-name>primefaces.FONT_AWESOME</param-name>
    <param-value>true</param-value>
</context-param>

css 导入：

<h:outputStylesheet library="webjars" name="font-awesome/5.15.3/css/solid.min-jsf.css" />
<h:outputStylesheet library="webjars" name="font-awesome/5.15.3/css/fontawesome.min-jsf.css" />
<h:outputStylesheet library="webjars" name="font-awesome/5.15.3/css/v4-shims.min-jsf.css" />

在commandButtons中必须是“fa fa-....”fas fa-...不行...

【讨论】：

primefaces.FONT_AWESOME 在最后的 primefaces 版本中没用，css 导入是重要部分