Heim > Web-Frontend > CSS-Tutorial > Wie verwende ich Font Awesome Icons von Webjars.org in JSF?

Wie verwende ich Font Awesome Icons von Webjars.org in JSF?

Patricia Arquette
Freigeben: 2024-11-15 11:29:02
Original
860 Leute haben es durchsucht

How to Use Font Awesome Icons from Webjars.org in JSF?

Verwenden von Font Awesome von Webjars.org in JSF

Beim Versuch, Font Awesome-Symbole in einer JSF-Anwendung zu verwenden, ist ein Problem aufgetreten . Anfangs funktionierte der Zugriff auf die Symbolressourcen von den Bootstrap-Servern aus, aber beim Versuch, sie in Ihrem WAR zu bündeln, konnten die Schriftartdateien nicht gefunden werden.

Das Problem liegt in den Dateiverweisen innerhalb der CSS-Ressourcendatei. Die von JSF generierten URLs erwarteten, dass die „webjars“-Bibliothek und eine Ressourcenerweiterung (in Ihrem Fall .xhtml) enthalten waren, die in den ursprünglichen Pfaden fehlten.

Lösung:

  1. OmniFaces UnmappedResourceHandler einführen: Installieren und registrieren Sie OmniFaces in Ihrer Anwendung, um Ressourcen zu verarbeiten, die sonst nicht von JSF zugeordnet würden.
  2. FacesServlet-Zuordnung ändern: Fügen Sie „/javax.faces.resource/*“ zur FacesServlet-Zuordnung hinzu, um die Verarbeitung nicht zugeordneter Ressourcen zu ermöglichen.
  3. Update Bibliotheksname: Verschieben Sie den Bibliotheksnamen „webjars“ aus dem in den Ressourcennamen ein.

Mit diesen Änderungen sollte Ihre Anwendung nun die Font Awesome-Symbole aus dem gebündelten JAR korrekt auflösen und anzeigen.

Das obige ist der detaillierte Inhalt vonWie verwende ich Font Awesome Icons von Webjars.org in JSF?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage