Firefox 글꼴 문제 - 부트 스트랩 글리프 아이콘

Question

앱에서 부트 스트랩 3.0 (Bower를 통해 가져온) Glyphicons 아이콘 글꼴을 사용하려고합니다. 로컬에서 모든 브라우저에서 완벽하게 작동합니다.

heroku의 스테이징 환경에서 아이콘 글꼴이 Firefox에서 작동하지 않습니다. 글꼴은 도메인 간 설정이있는 S3 버킷 WITH 호스트에서 호스팅됩니다.이 글꼴은 a curl command as described here으로 테스트하여 확인되었습니다. 나는 200의 응답, 어떤 문제도 얻지 않는다. 따라서 올바른 위치 (경로 문제가 아님)의 글꼴 및 액세스 가능 (도메인 간 문제가 아님)

실제로 네트워크에서 Firefox를 볼 때 200 응답이 표시됩니다. 글꼴에 ...하지만 파일 크기는 0kb로 표시됩니다.

여러 글꼴 (font/x-woff, application/x-woff)을 사용해 보았습니다. font-squirrel의 base 64 인코딩을 사용해 보았습니다.

부트 스트랩의 사용자 정의 다운로더에 글꼴이 손상되어있는 것을 본 적이 있지만 이는 Bower를 통해 repo에서 직접 볼 수 있습니다.

다른 어떤 시도를해야할지 모르겠다. 할프?

Answer 1

SVN 솔루션을 위해 아이콘 글꼴을 제쳐두고 브러시 처리하고, 잠시 동안 S3 버켓 설정이 동일하게 유지되는 동안 CDN 공급자를 변경하고 모든 CDN 설정을 다시 할당합니다. Firefox 및 voila에서 아이콘 글꼴을 확인했지만 더 이상 문제가 없습니다.

그래서 우리 CDN의 설정이 필요한 허용 S3 설정을 통과하지 못하거나 제 동료가 제안한 것 같습니다.

Answer 2

이 문제가 해결되었는지 모르겠지만 오늘 같은 문제가 발생했습니다. 그 이유는 Firefox가 별도의 도메인에 글꼴을 호스팅하는 데 다소 엄격하기 때문입니다. 차단

크로스 원산지 요청 : 당신이 파이어 폭스 웹 콘솔을 선택하면,이 같은 오류를 표시해야합니다/글꼴/// 경로 : 동일한 기원 정책 HTTP에서 원격 자원을 읽어 허용하지 않습니다 /glyphicons-halflings-regular.ttf. 리소스를 동일한 도메인으로 이동하거나 CORS를 사용하도록 설정하면이 을 수정할 수 있습니다.

분명히 S3 버킷을 구성하여이 문제를 방지 할 수 있습니다 (Boootstrap glyphicons Firefox issues). 아직 시도하지는 않았습니다.