2013-05-13 3 views
5

웹 글꼴을 만들고 AWS S3에 배포하려고합니다.AWS S3 교차 출처 요청이 실패했습니다. ie9

woff 파일을로드하려고 할 때 출처 크로스 요청이 실패했다는 IE9를 제외한 모든 브라우저에서 제대로 작동합니다.

많은 사람들이이 문제에 대해 많은 포럼을 읽었지만 수정 사항을 찾을 수 없었습니다.

S3의 CORS 설정과 관련하여 올바른 데이터 또는 IE9를 보내지 않은 것 같습니까?

(파이어 폭스, 크롬, IE7,8 등의 작품)

내가 문제를 해결하기 위해 본 적이 유일한 제안은, (완전한 과잉을 EC2 인스턴스를 회전 및 글꼴에 대한 웹 호스트를 만들기 !) 그리고 다른 하나는 CSS 파일을 .php로 명명하고 PHP에서 헤더를 설정하는 것이 었습니다 (하지만 이것은 잘못되었습니다).

누구든지이 문제를 해결하는 방법을 알고 계십니까?

감사

편집

내 CORS의 설정 :

<?xml version="1.0" encoding="UTF-8"?> 
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> 
    <CORSRule> 
     <AllowedOrigin>*</AllowedOrigin> 
     <AllowedMethod>GET</AllowedMethod> 
     <AllowedHeader>*</AllowedHeader> 
    </CORSRule> 
</CORSConfiguration> 
+0

당신이 당신의 현재 CORS 구성을 게시 할 수 있습니까? –

+0

@LarryMcKenzie 원래 게시판에 CORS를 게시했습니다. – TheStoneFox

+0

웹 서버 구성에 대해 조금 설명 할 수 있습니까? 또한 도움이된다면이 또한 발견 : http://css-tricks.com/forums/discussion/21452/font-family-not-working-in-ie9-but-all-other-ies/p1 –

답변

0

IE9가 .WOFF 지원; IE8은 지원하지 않으며 .EOT 글꼴 만 지원합니다.

열고 IE9 F12 개발자 도구 및 다음과 같은 메시지를 참조하십시오

CSS3117을 : 글꼴 얼굴 출처 간 요청을 실패 @. 리소스 액세스가 제한됩니다. Neuton-webfont.woff

CSS3117 : @ font-face는 원본 교차 요청에 실패했습니다. 리소스 액세스가 제한됩니다. YanoneKaffeesatz-Regular-webfont.woff

CSS3114 : @ font-face failed OpenType 퍼미션 허용 확인. 사용 권한은 설치 가능해야합니다. Neuton-webfont.ttf

CSS3114 : @ font-face failed OpenType 퍼미션 허용 확인. 사용 권한은 설치 가능해야합니다. YanoneKaffeesatz-Regular-webfont.ttf WOFF 파일에 Access-Control-Allow-Origin 응답 헤더가 없으므로 HTTP 헤더를 검사하면 도메인 간 액세스가 제대로 구성되지 않았 음이 분명합니다. 또한 MIME 유형 (텍스트/일반)이 잘못되어도 문제가 발생하지는 않지만 전달됩니다. 당신은 IE9에 대한 컴퓨터 및 테스트에 IE8을 유지하려면

의 S3 버킷에 대한 CORS 구성을 설정하여 쉽게이 문제를 해결할 수 here

IE9 blocks download of cross-origin web font

+0

http://stackoverflow.com/questions/5065362/ie9-blocks-download-of-cross-origin-web-font –

+1

내 질문에 대답하지 않음 – TheStoneFox

5

난 그냥 일을했습니다. 기본적으로 S3 버킷 권한을 편집하는 단계를 수행 할 수 있습니다. 추가 도움이 필요하면 의견을 남기십시오.

1) AWS 관리 콘솔에 로그인 한 양동이 목록에서 https://console.aws.amazon.com/s3/

2)에서 아마존 S3 콘솔을 열고, 그 속성을보고 "CORS 구성을 추가"버튼을 클릭 할

버킷을 엽니 다

amazon-screen-shot

3) 태그 사이에 추가하고자하는 규칙을 작성 <CORSConfiguration>

<CORSConfiguration> 
    <CORSRule> 
    <AllowedOrigin>*</AllowedOrigin> 
    <AllowedMethod>GET</AllowedMethod> 
    </CORSRule> 
</CORSConfiguration> 
당신은 규칙에 대한 자세한 배울 수

: http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html

+0

그래, 나는 를 제거함으로써 해결할 수 있었다. '내 선. 감사! –

0

CORS 설정이 나 기존 설정을 편집 새로운 CORS 구성을

을 CORS 설정 페이지에서 삭제 버튼을 클릭 한 다음 추가 된 작동 만든 것은 내가 DELETE를 칠 때까지는 아무런 효과가없는 것처럼 보였다.

enter image description here