Firefox에서 교차 도메인 글꼴 포함에 @font-face를 사용할 수 없는 이유는 무엇입니까?

@font-face의 도메인 간 글꼴 포함 문제

문제:

A 개발자가 하위 도메인에 글꼴 저장소를 만들고 다음을 사용하여 다른 웹사이트의 글꼴에 액세스하려고 합니다. @font-face 선언. 그러나 글꼴은 호스팅되는 하위 도메인에서만 작동합니다.

답변:

문제는 Firefox의 보안 메커니즘에 있습니다. Firefox는 잠재적인 보안 위험을 포함하는 도메인 간 웹 글꼴을 고려합니다. 이 문제를 해결하기 위해 사용자는 글꼴을 호스팅하는 하위 도메인의 최상위 .htaccess 파일에 다음 코드를 추가할 수 있습니다.

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

이 코드를 사용하면 Firefox가 하위 도메인에서 글꼴을 로드하여 기본 보안 조치를 무시할 수 있습니다. .

글꼴 저장소에 대한 액세스 제한과 관련하여 Access-Control-Allow-Origin에 대한 W3C 사양은 와일드카드 또는 특정 도메인만 지원합니다. 사용자 정의 인증 메커니즘을 사용하지 않고 승인된 사용자에게만 액세스를 제한하는 간단한 솔루션은 없습니다.

위 내용은 Firefox에서 교차 도메인 글꼴 포함에 @font-face를 사용할 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!