Question

我尝试了一切。我打算把所有的帖子都扔在这里，并尝试所有解决方案，但是没有一个起作用。

我将此添加到了pom.xml：

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

我将此添加到了我的web.xml：

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

<mime-mapping>
    <extension>eot</extension>
    <mime-type>application/vnd.ms-fontobject</mime-type>
</mime-mapping>
<mime-mapping>  
    <extension>otf</extension>  
    <mime-type>font/opentype</mime-type>  
</mime-mapping>      
<mime-mapping>  
    <extension>ttf</extension>  
    <mime-type>application/x-font-ttf</mime-type>  
</mime-mapping>      
<mime-mapping>  
    <extension>woff</extension>  
    <mime-type>application/x-font-woff</mime-type>  
</mime-mapping>
<mime-mapping>  
    <extension>svg</extension>  
    <mime-type>image/svg+xml</mime-type>  
</mime-mapping>

我尝试了关闭参数值和打开参数值的尝试。没有帮助。

我的xhtml：

<h:outputStylesheet library="webjars" name="font-awesome/5.7.1/css/font-awesome-jsf.css" />

我不知道放置它的位置是否重要。我使用<head>从某处复制了它，然后字体变胖了，但是图标仍然没有显示。没有头就没有图标。

在这里，我尝试在ContextMenu中使用它：

<p:menuitem value="Editieren" update="table" icon="fa fa-edit" action="#{telefonbuchList.action}"/>

Answer 1

可能的答案：

<h:...或<p:...>

似乎有所不同

因为现在该库使用了Melloware给出的注释：

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

但是我必须使用“ fa”代替“ fas”：

<p:menuitem value="Löschen" update="table" icon="fa fa-trash" action="#{telefonbuchList.deleteEntry}" />

在这里我不得不做“ fas”

<i class="fas fa-bacon"></i>

我不知道为什么，但是它现在可以像这样与Maven webjars依赖一起工作。

JSF中的PrimeFaces支持FontAwesome

1 个答案: