使用FontAwesome 5.15.0与PrimeFaces 8.0

Question

我正在尝试在primefaces 8.0中使用fontawesome 5.15.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

有人知道解决方案吗？

谢谢！

- yehiaazanki

---

我们在CommandButtons上使用FA 5.15和PF8.0，效果很好。但是我们没有使用AdminFaces。icon="fas fa-unlock-alt"应该可以正常工作。 - Melloware

这里不起作用。我不知道为什么。 - yehiaazanki

管理员界面是否添加了一些CSS导致它出现问题？另外，仅仅为了好玩，将FontAwesome下降到5.12.0版本，这就是我在当前项目中使用的版本。只是为了看看WebJars是否出了问题。 - Melloware

Answer 1

我已经找到了解决方案...

primefaces.FONT_AWESOME需要为true...

<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-...不起作用...

- yehiaazanki

---

primefaces.FONT_AWESOME在最新的PrimeFaces版本中已经无用了，CSS导入是重要的部分。 - madx