Rumah > Artikel > hujung hadapan web > Bagaimana untuk Menyelesaikan Ralat Fail Fon yang Hilang Apabila Mengintegrasikan Font Hebat dalam JSF?
Pengintegrasian Hebat Fon dalam JSF: Menyelesaikan Ralat Fail Fon Yang Hilang
Apabila memasukkan Font Awesome ke dalam aplikasi JSF, anda mungkin menghadapi masalah di mana penyemak imbas tidak dapat mengesan fail fon yang berkaitan, menyebabkan petak kosong dan bukannya ikon yang diharapkan. Ini berlaku kerana fail CSS Font Awesome lalai merujuk fail fon menggunakan laluan relatif, yang tidak disokong apabila mengakses fail CSS melalui JSF.
Punca Punca:
JSF
Penyelesaian:
Untuk menyelesaikan isu ini, anda perlu mengubah suai fail CSS Font Awesome untuk menggunakan JSF Expression Language (EL) #{resource} pemetaan untuk merujuk fail fon dalam folder "/resources" menggunakan pustaka dan nama sumber yang sesuai. Selain itu, anda mungkin perlu menggantikan tanda soal (?) dengan ampersand (&) dalam rujukan yang mana nama pustaka digunakan sebagai parameter rentetan pertanyaan.
Rujukan Laluan CSS yang Dikemas kini:
<code class="css">@font-face { font-family: 'FontAwesome'; src: url("#{resource['font-awesome:fonts/fontawesome-webfont.eot']}&v=4.3.0"); src: url("#{resource['font-awesome:fonts/fontawesome-webfont.eot']}&#iefix&v=4.3.0") format('embedded-opentype'), url("#{resource['font-awesome:fonts/fontawesome-webfont.woff2']}&v=4.3.0") format('woff2'), url("#{resource['font-awesome:fonts/fontawesome-webfont.woff']}&v=4.3.0") format('woff'), url("#{resource['font-awesome:fonts/fontawesome-webfont.ttf']}&v=4.3.0") format('truetype'), url("#{resource['font-awesome:fonts/fontawesome-webfont.svg']}&v=4.3.0#fontawesomeregular") format('svg'); font-weight: normal; font-style: normal; }</code>
Pertimbangan Tambahan:
Bacaan Lanjut:
Atas ialah kandungan terperinci Bagaimana untuk Menyelesaikan Ralat Fail Fon yang Hilang Apabila Mengintegrasikan Font Hebat dalam JSF?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!