Firefox의 하위 도메인에서 @font-face 글꼴을 사용할 수 없는 이유는 무엇입니까?

교차 도메인 @font-face 차단

글꼴 저장소를 설정하려고 할 때 @font가 발생하는 문제가 발생했습니다. 하위 도메인의 -face 선언은 해당 하위 도메인 내에서만 액세스할 수 있습니다. Firebug는 Font-face.css 파일의 성공적인 로딩을 확인하여 다른 사이트에서 글꼴 로딩 실패에 대해 당황하게 만듭니다.

Firefox의 도메인 간 제한

근본 원인은 Firefox의 보안 조치에 있습니다. 하위 도메인을 포함하여 도메인 전체에 글꼴이 포함되는 것을 방지합니다. 이 조치는 잠재적인 악성 활동으로부터 보호하는 것을 목표로 합니다.

htaccess 파일 수정

Firefox에서 이 제한을 극복하려면 다음을 추가하여 하위 도메인의 최상위 .htaccess 파일을 수정하세요. 다음 코드:

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

이 코드는 교차 출처 글꼴을 허용하는 응답에 헤더를 추가합니다. loading.

액세스 제한

처음에는 글꼴 저장소에 대한 독점 액세스 권한을 부여하려고 했지만 Access-Control-Allow-Origin에 대한 W3C 사양에서는 와일드카드 "*" 또는 특정 도메인. 액세스에 대한 보다 세부적인 제어를 구현하기 위한 옵션이 있는지 확인하려면 추가 연구가 필요합니다.

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