Ich versuche es zu benutzenGuss Ehrfürchtig Symbole mit meiner JSF-Anwendung. Ich habe einige Erfolge bei der Verfolgung derErste Schritte Anweisungen und das Folgende zu meiner Ansicht hinzufügen<h:head> Sektion:

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css"
      rel="stylesheet" />

Dies gibt mir ein schönes Zuhause-Symbol, wenn ich das verwendeicon-home Klasse:

Ich möchte jedoch nicht darauf angewiesen sein, dass der Bootstrap-Server die Font Awesome-Ressourcen bereitstellt. Daher versuche ich, diese mit meinem Krieg zu bündeln und meine Ansichten so zu konfigurieren, dass sie die gebündelten Ressourcen verwenden.

Ich benutze dievorgefertigtes JAR erstellt von derWebjars Projekt. Mein POM hat die folgende Abhängigkeit:

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

Dadurch wird die JAR im WEB-INF / lib-Verzeichnis meines WAR abgelegt. Die relevanten Teile der JAR-Struktur sind:

META-INF
  - MANIFEST.MF
  + maven
  - resources
    - webjars
      - font-awesome
        - 3.2.1
          - css
            - font-awesome.css
            - *other css files*
          - font
            - *font files*

Ich habe Folgendes versucht, um die Symbole in mein Projekt aufzunehmen:

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

Dadurch wird das zuvor funktionierende Startseitensymbol jedoch wie folgt dargestellt:

Und mein Browser (Chrome) zeigt die folgenden Fehler in der Konsole an (Domain / Port / Kontext-Root geändert, um die Unschuldigen zu schützen;):

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)

Es sieht also so aus, als ob die CSS-Datei zwar ordnungsgemäß aufgelöst wurde, die Dateien, die die Schriftarten enthalten, auf die sich die CSS-Datei bezieht, jedoch nicht gefunden werden können. Ich habe diese Referenzen in der CSS-Datei überprüft und sie sind:

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');

Diese Pfade sind relativ zur CSS-Ressource, daher dachte ich, dass JSF keine Probleme haben sollte, sie zu finden. Jetzt bin ich mir nicht sicher, was ich tun soll.

Irgendwelche Hinweise wären toll! Prost.