ホームページ >ウェブフロントエンド >CSSチュートリアル >JSF で Font Awesome を使用するときに見つからないフォント アイコンを修正するにはどうすればよいですか?
Font Awesome を JSF に統合し、フォントが見つからない問題を解決する
原因:
デフォルトでは、Font Awesome CSS ファイルは、「..」のような相対パスを介してフォント ファイルを参照します。 /フォント/"。ただし、
解決策:
この問題を解決するには、 Font Awesome CSS ファイルを作成し、#{resource} マッピングを使用して相対フォント参照を EL 式に置き換えます。
<code class="css">@font-face { font-family: 'FontAwesome'; src: url("#{resource['font-awesome:fonts/fontawesome-webfont.eot']}&v=4.3.0"); ... }</code>
追加の考慮事項:
参考資料:
以上がJSF で Font Awesome を使用するときに見つからないフォント アイコンを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。