Jak używać Font Awesome z webjars.org z JSF
Próbuję użyćCzcionka niesamowita ikony z moją aplikacją JSF. Odniosłem pewien sukces, podążając zarozpoczęcie instrukcji i dodając następujące elementy do mojego widoku<h:head>
Sekcja:
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"
rel="stylesheet" />
Daje mi to miłą ikonę domu, gdy używamicon-home
klasa:
Jednak nie chcę być zależny od serwera ładowania początkowego, aby udostępnić zasoby Font Awesome, dlatego próbuję połączyć je z moją wojną i skonfigurować moje widoki do korzystania z dołączonych zasobów.
Używamgotowy JAR stworzony przezwebjars projekt. Moja pom ma następującą zależność:
<dependency>
<groupId>org.webjars</groupId>
<artifactId>font-awesome</artifactId>
<version>3.2.1</version>
</dependency>
Powoduje to umieszczenie pliku JAR w katalogu WEB-INF / lib w WAR. Odpowiednimi częściami struktury JAR są:
META-INF
- MANIFEST.MF
+ maven
- resources
- webjars
- font-awesome
- 3.2.1
- css
- font-awesome.css
- *other css files*
- font
- *font files*
Próbowałem dołączyć następujące ikony do mojego projektu:
<h:outputStylesheet library="webjars"
name="font-awesome/3.2.1/css/font-awesome.css" />
Jednak powoduje to, że poprzednio działająca ikona główna jest następująca:
A moja przeglądarka (Chrome) pokazuje następujące błędy w konsoli (domena / port / kontekst-root zmieniony w celu ochrony niewinnych;):
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)
Wygląda na to, że chociaż plik css został poprawnie rozwiązany, nie można znaleźć plików zawierających czcionki, do których odnosi się plik css. Sprawdziłem te odwołania w pliku css i są to:
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');
Te ścieżki są względne w stosunku do zasobu css, więc pomyślałem, że JSF nie powinien mieć problemu ze znalezieniem go. Teraz nie jestem pewien, co robić.
Wszelkie wskazówki byłyby świetne! Twoje zdrowie.