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.

questionAnswers(5)

yourAnswerToTheQuestion