내 CSS `@font-face`가 Firefox에서는 작동하지 않지만 Chrome 및 IE에서는 작동하는 이유는 무엇입니까?

CSS @font-face는 Firefox에서는 작동하지 않지만 Chrome 및 IE

@font-face 기능 관련 문제 발생 Firefox에서는 Chrome과 IE에서는 원활하게 작동하지만 당황스러울 수 있습니다. 이 기사에서는 잠재적인 원인과 해결 방법을 자세히 알아볼 것입니다.

로컬에서 사이트 실행(file:///)

Firefox에서는 "파일 URI 원본"에 대한 엄격한 정책. 동작을 다른 브라우저와 일치시키려면 about:config:

• security.fileuri.strict_origin_policy

값 전환 로컬 글꼴 리소스의 교차 경로 로드를 허용하려면 "false"로 설정하세요.

게시된 사이트

게시된 사이트의 경우 잠재적인 교차 도메인을 해결하기 위한 .htaccess의 추가 헤더 문제:

<사전>

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

또는 다음을 탐색할 수도 있습니다. 글꼴 서체에 대한 base64 인코딩 사용 해결 방법.

위 내용은 내 CSS `@font-face`가 Firefox에서는 작동하지 않지만 Chrome 및 IE에서는 작동하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!