jsf - 在 PrimeFaces 8.0 中使用 FontAwesome 5.15.0

Question

我正在尝试将 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

有人知道解决办法吗？

谢谢!

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