Firefox에서 외부 도메인의 글꼴을 로드할 수 없는 이유는 무엇입니까?

CSS @font-face Firefox의 절대 URL 글꼴 로드 문제

배경:

다른 도메인에서 호스팅되는 글꼴을 지정하기 위해 절대 URL과 함께 CSS @font-face 규칙을 사용하는 경우 다음과 같은 문제가 발생할 수 있습니다. Firefox에서 글꼴 로딩에 문제가 발생합니다. 이는 특히 여러 사이트에서 일관된 스타일을 원하는 경우 실망스러울 수 있습니다.

근본 원인 및 해결 방법:

Firefox는 보안으로 인해 외부 도메인에서 글꼴 로드를 제한합니다. 우려. 이 문제를 해결하려면 글꼴 호스트 서버에 액세스 제어 헤더, 특히 '*'로 설정된 Access-Control-Allow-Origin 또는 특정 허용 도메인이 포함되어야 합니다.

Apache 웹 서버의 경우 . htaccess 파일:

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
<FilesMatch "\.(ttf|otf|eot)$">
   <IfModule mod_headers.c>
      Header set Access-Control-Allow-Origin "*"
   </IfModule>
</FilesMatch>

서버를 다시 시작하면 Firefox는 외부 도메인에서 글꼴을 로드하여 로딩 문제를 해결할 수 있습니다. 문제.

위 내용은 Firefox에서 외부 도메인의 글꼴을 로드할 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!