Firefox의 Apache/Nginx에서 Font Awesome이 표시되지 않는 문제를 해결하는 방법

1. nginx 서버에 대한 솔루션

서버는 nginx를 사용합니다. 응답 헤더에 access-control-allow-origin 필드를 추가하려면 add_header 명령을 사용하세요.

구성 예:

코드 복사:

위치 /assets/ {
gzip_static on;
만료 최대;
add_header 캐시 제어 공개;
add_header access-control-allow-origin *;
}

2.Apache 서버 솔루션

font awesome(firefox Firefox를 표시할 수 없음) 교차 도메인(교차 도메인 문제)

문제

보안상의 이유로 Firefox는 기본적으로 도메인에서 호스팅되지 않는 글꼴을 사용하는 것을 허용하지 않는 것 같습니다. 이 경우 CDN 기반 웹사이트도 영향을 받을 수 있습니다.

해결책

몇 가지 조사 끝에 해결 방법을 찾았습니다. access-control-allow-origin 헤더를 글꼴로 설정했습니다.

코드 복사 코드는 다음과 같습니다.

헤더 세트 access-control-allow-origin " *"

또한 nginx를 웹 서버로 사용하는 경우 가상 호스트 파일에 아래 코드를 포함해야 합니다.

코드 복사 코드는 다음과 같습니다. :

위치 ~* .(eot|otf|ttf|woff)$ {
  add_header access-control-allow-origin *;
}

위 내용은 Firefox의 Apache/Nginx에서 Font Awesome이 표시되지 않는 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!