Font Awesome resources not found with *.xhtml URL pattern

jmanko · 01 Oct 2014, 08:20

Although this is more of a Majorra issue, I'm hoping that PF has a solution.

I dropped in a copy of Font Awesome in my project, and included it in my pages:

Code: Select all

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

Using the JSF filter as /faces/* works fine, and that CSS and related files load just fine:

Code: Select all

    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>

Code: Select all

server/muck/javax.faces.resource/css/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0
200 - OK
server/muck/javax.faces.resource/css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0
200 - OK

Changing to *.xhtml

Code: Select all

    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.xhtml</url-pattern>
    </servlet-mapping>

results in two Font Awesome resources not loading:

Code: Select all

server/muck/javax.faces.resource/css/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0
404 NOT FOUND

server/muck/javax.faces.resource/css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0
404 NOT FOUND

So, from what I can find the resources are not registered, therefore the framework can't load them. Is there a workaround to this? Maybe something that PF provides.

Mathieu-Castets · 01 Oct 2014, 11:37

Why don't you just use the html link tag?

I'm also using Font Awesome, in my <head></head>:

Code: Select all

<link rel="stylesheet" href="#{request.contextPath}/resources/css/vendor/font-awesome.min.css"/>

jmanko · 01 Oct 2014, 19:30

Now why would I want to make it easy on myself.

It's works.

andyba · 01 Oct 2014, 23:46

Put them under resources folder, perhaps in a css folder in there, and use the library and name attributes properly.
Find a JSF tutorial if you are not sure how to do this.

20 Oct 2014, 11:33

Font Awesome is not built-in;

http://blog.primefaces.org/?p=3318

kukeltje · 20 Oct 2014, 16:26

There also is a jsf-ready version of the font-awesome jar. No need to wait for pf 5.2 or elite version

rikup · 21 Oct 2014, 12:28

Why not use CDN?

Mathieu-Castets · 21 Oct 2014, 17:08

rikup wrote:Why not use CDN?

Can't work on the project without internet access, you could get in trouble from time to time with CDN changes and sometimes HTTPS is not always available.

kukeltje · 21 Oct 2014, 17:22

As mentioned Use the font-awsome.min-jsf-css from http://mvnrepository.com/artifact/org.w ... some/4.2.0

It fixes all relative path issues, resource things etc...

Font Awesome resources not found with *.xhtml URL pattern

Who is online