Cómo usar Font Awesome desde webjars.org con JSF
Estoy tratando de usarFuente impresionante Iconos con mi aplicación JSF. He tenido cierto éxito al seguir elinstrucciones para comenzar y agregando lo siguiente a mi punto de vista<h:head>
sección:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"
rel="stylesheet" />
Esto me da un buen icono de casa cuando uso elicon-home
clase:
Sin embargo, no quiero depender del servidor bootstrap para proporcionar los recursos de Font Awesome, por lo que estoy tratando de agruparlos con mi guerra y configurar mis vistas para usar los recursos agrupados.
Estoy usando elJAR prefabricado creado por elwebjars proyecto. Mi pom tiene la siguiente dependencia:
<dependency>
<groupId>org.webjars</groupId>
<artifactId>font-awesome</artifactId>
<version>3.2.1</version>
</dependency>
Esto coloca el JAR en el directorio WEB-INF / lib de mi WAR. Las partes relevantes de la estructura del JAR son:
META-INF
- MANIFEST.MF
+ maven
- resources
- webjars
- font-awesome
- 3.2.1
- css
- font-awesome.css
- *other css files*
- font
- *font files*
He intentado lo siguiente para incluir los iconos en mi proyecto:
<h:outputStylesheet library="webjars"
name="font-awesome/3.2.1/css/font-awesome.css" />
Sin embargo, esto hace que el ícono de la casa que funcionaba anteriormente como:
Y mi navegador (Chrome) muestra los siguientes errores en la consola (dominio / puerto / raíz de contexto modificada para proteger a los inocentes):
GET http://DOMAIN:PORT/CONTEXT-ROOT/javax.faces.resource/font-awesome/3.2.1/font/fontawesome-webfont.woff?v=3.2.1 404 (Not Found)
GET http://DOMAIN:PORT/CONTEXT-ROOT/javax.faces.resource/font-awesome/3.2.1/font/fontawesome-webfont.ttf?v=3.2.1 404 (Not Found)
GET http://DOMAIN:PORT/CONTEXT-ROOT/javax.faces.resource/font-awesome/3.2.1/font/fontawesome-webfont.svg 404 (Not Found)
Así que parece que aunque el archivo css se resuelve correctamente, no se pueden encontrar los archivos que contienen las fuentes a las que se refiere el archivo css. He comprobado esas referencias en el archivo css y son:
src: url('../font/fontawesome-webfont.eot?v=3.2.1');
src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
Esos caminos son relativos al recurso css, así que pensé que JSF no debería tener problemas para encontrarlo. Ahora no estoy seguro de qué hacer.
¡Cualquier punto sería genial! Aclamaciones.