Wie behebe ich fehlende Schriftartdateien, wenn ich Font Awesome in JSF integriere?

Behebung von Problemen beim Abrufen von Schriftartdateien bei der Integration von Font Awesome in JSF

Bei der Integration von Font Awesome in JSF ist es wichtig, Probleme im Zusammenhang mit fehlenden Schriftarten zu beheben Schriftartdateien. Diese erscheinen als leere Quadrate anstelle der erwarteten Symbole. Der Browser kann die Schriftartdateien häufig nicht finden, da die CSS-Datei „Font Awesome“ über einen relativen Pfad auf sie verweist.

Ursache des Problems

Das JSF

Lösung

Bearbeiten die Font Awesome CSS-Datei und passen Sie die Verweise auf die Schriftartdateien mithilfe der #{resource}-Zuordnung in EL an. Erinnern Sie sich an den Austausch? mit & in der Abfragezeichenfolge, um den Bibliotheksnamen zu berücksichtigen.

Beispiel

Nachdem die Font Awesome-CSS- und Schriftartendateien entsprechend platziert wurden, sollte die CSS-Datei wie folgt geändert werden folgt:

<code class="css">@font-face {
  font-family: 'FontAwesome';
  src: url("#{resource['font-awesome:fonts/fontawesome-webfont.eot']}&amp;v=4.3.0");
  /* ... */
}</code>

Zusätzliche Überlegungen

Stellen Sie sicher, dass die geänderte CSS-Datei auf der JSF-Seite verwendet wird und dass der Server neu gestartet wird, damit die Änderungen wirksam werden.

Mime-Typen und OmniFaces

Wenn in den Serverprotokollen JSF1091-Warnungen angezeigt werden, die auf fehlende Mime-Typen hinweisen, fügen Sie web.xml entsprechende Mime-Typ-Zuordnungen hinzu.

Eine weitere Möglichkeit besteht darin, den OmniFaces UnmappedResourceHandler zu installieren und die FacesServlet-Zuordnung neu zu konfigurieren. Dadurch entfällt die Notwendigkeit, die CSS-Datei zu bearbeiten.

Referenzen

• [So verwenden Sie Font Awesome von webjars.org mit JSF](https:// stackoverflow.com/questions/36342830/how-to-use-font-awesome-from-webjars-org-with-jsf)

Das obige ist der detaillierte Inhalt vonWie behebe ich fehlende Schriftartdateien, wenn ich Font Awesome in JSF integriere?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!