FontAwesome 与 PrimeFaces

我一直渴望在 Primefaces 中包含 FontAwesome 图标，最后 Optimus 昨天发布了这个伟大的新图标。 -->http://blog.primefaces.org/?p=3004#comment-5422 http://blog.primefaces.org/?p=3004#comment-5422

由 Max Dicson 集成 我们现在应该能够使用它们了。

然而，按照教程视频，我无法解决它。

• 使用 PF4.0 但使用 JSF 2.1（与视频唯一的区别）
• 添加了最后一个maven-FontAwesome.jar -->http://mvnrepository.com/artifact/org.webjars/font-awesome/4.0.3 http://mvnrepository.com/artifact/org.webjars/font-awesome/4.0.3

• 在 web.xml 文件中添加了 mime-types

• 调用相关的css文件<h:outputStylesheet name="webjars/font-awesome/4.0.3/css/font-awesome.css">

但无法获得我想要的 fa-bug。

任何想法？谢谢！

看来这已经被关闭了，但是以防万一有人遇到“^”而不是所需图标的问题。不仅仅是想隐藏“^”，而是显示实际图像，因为这就是我所理解的最初问题。

当出现类似的情况时 [1]：https://i.stack.imgur.com/5GpHZ.jpg https://i.stack.imgur.com/5GpHZ.jpg

使用最新的 PrimeFaces JAR，它支持开箱即用的 FontAwesome，确保以下内容正确，可能会有所帮助

1. 在您的 web.xml 添加：

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

2. 在您想要添加 FontAwesome 图标的 *.xhtml 中，头标签之间的 head 标签指向您拥有的 JAR 的 font-awesome css：

   <h:outputStylesheet name="webjars/font-awesome/4.4.0/css/font-awesome.css">
   

3. 最后正确引用图标，例如

   <p:button outcome="add-user-form" value="Add User" icon="fa fa-user-plus">
        <f:param name="productId" value="10" />
   </p:button>
   

这对我有帮助。

Cheers