Firefox에서 @font-face를 사용하여 도메인 간에 글꼴을 로드하는 방법은 무엇입니까?

@font-face를 사용한 도메인 간 글꼴 로딩

여러 웹 사이트에 대한 중앙 글꼴 저장소를 구축하려는 시도에서 한 개발자가 특이한 문제: @font-face 글꼴은 저장소가 있는 하위 도메인에서만 액세스할 수 있었습니다. 다른 사이트의 Font-face.css 링크에 성공했음에도 불구하고 글꼴을 로드하지 못했습니다.

원인

이러한 동작은 Firefox의 보안 정책에서 비롯됩니다. 도메인 글꼴 포함 유해합니다.

해결책

이 제한을 극복하려면 글꼴을 호스팅하는 하위 도메인의 최상위 .htaccess 파일에 다음 코드를 추가하세요.

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

접근 제한

수정된 .htaccess를 사용하면 모든 웹사이트에서 글꼴에 액세스할 수 있지만 개발자는 승인된 사용자에게만 액세스를 제한하고 싶다고 밝혔습니다. 그러나 Access-Control-Allow-Origin에 대한 W3C 사양은 옵션을 와일드카드 "*" 또는 특정 도메인으로 제한합니다.

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