Font Awesome을 JSF에 통합할 때 누락된 글꼴 파일을 어떻게 수정합니까?

JSF에 Font Awesome 통합 시 글꼴 파일 검색 문제 해결

Font Awesome을 JSF에 통합할 때 누락과 관련된 문제를 해결하는 것이 중요합니다. 글꼴 파일. 이는 예상된 아이콘 대신 빈 사각형으로 나타납니다. Font Awesome CSS 파일은 상대 경로를 사용하여 글꼴 파일을 참조하기 때문에 브라우저에서 글꼴 파일을 찾을 수 없는 경우가 많습니다.

문제 원인

JSF

해결책

편집 Font Awesome CSS 파일을 만들고 EL의 #{resource} 매핑을 사용하여 글꼴 파일에 대한 참조를 조정합니다. 교체하는 것을 기억하시나요? 쿼리 문자열에 &를 사용하여 라이브러리 이름을 설명합니다.

예

Font Awesome CSS 및 글꼴 파일을 적절하게 배치한 후 CSS 파일을 다음과 같이 수정해야 합니다. 다음은 다음과 같습니다.

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

추가 고려 사항

수정된 CSS 파일이 JSF 페이지에서 사용되고 변경 사항이 적용되도록 서버가 다시 시작되는지 확인하세요.

Mime-Types 및 OmniFaces

JSF1091 경고가 서버 로그에 표시되어 Mime 유형이 누락되었음을 알리는 경우 web.xml에 적절한 Mime 유형 매핑을 추가하세요.

또 다른 옵션은 OmniFaces UnmappedResourceHandler를 설치하고 FacesServlet 매핑을 재구성하는 것입니다. 이렇게 하면 CSS 파일을 편집할 필요가 없습니다.

참조

• [JSF에서 webjars.org의 Font Awesome을 사용하는 방법](https:// stackoverflow.com/questions/36342830/how-to-use-font-awesome-from-webjars-org-with-jsf)

위 내용은 Font Awesome을 JSF에 통합할 때 누락된 글꼴 파일을 어떻게 수정합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!