AWS S3 żądanie połączenia nie powiodło się na ie9

Question

Próbuję utworzyć czcionkę internetową i wdrożyć ją na AWS S3.

Działa dobrze we wszystkich przeglądarkach z wyjątkiem IE9, w którym stwierdza, że ​​żądanie pochodzenia krzyżowego nie powiodło się podczas próby załadowania pliku woff.

Wiele czytałem na wielu forach o ludziach, u których wystąpił problem, ale nie udało mi się znaleźć rozwiązania.

Myślę, że to ma coś wspólnego z konfiguracją CORS na S3, nie wysyłając poprawnych danych lub czegoś do IE9?

(działa w Firefox, Chrome, IE7,8, etc)

Jedyne sugestie widziałem rozwiązać ten problem są rozpędzania instancji EC2 i podejmowania hostingowego dla czcionek (kompletny overkill !), a drugi nazwał plik css jako .php i ustawił nagłówki w php (ale to jest głupie).

Ktoś wie, jak (jeśli w ogóle możliwe) rozwiązać ten problem?

Dzięki

Edit

My CORS config:

<?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> 

Answer 1

IE9 wspiera .WOFF; IE8 nie obsługuje i obsługuje tylko czcionki .EOT.

Otwórz IE9 F12 Developer Tools i zobaczysz następujące komunikaty:

CSS3117: @ font-face udało wniosek cross-origin. Dostęp do zasobów jest ograniczony. Neuton-webfont.woff

CSS3117: @ nie powiodło się żądanie o kodzie źródłowym. Dostęp do zasobów jest ograniczony. YanoneKaffeesatz-Regular-webfont.woff

CSS3114: @ Nieudana próba osadzania czcionek w kodzie programu OpenType. Zezwolenie musi być instalowalne. Neuton-webfont.ttf

CSS3114: @ nieudana próba osadzania czcionek w kodzie programu OpenType. Zezwolenie musi być instalowalne. YanoneKaffeesatz-Regular-webfont.ttf Analizując nagłówki HTTP, oczywiste jest, że Twój dostęp do wielu domen nie jest poprawnie skonfigurowany, ponieważ w plikach WOFF nie ma nagłówka odpowiedzi Access-Control-Allow-Origin. Są również dostarczane z niewłaściwym typem MIME (tekst/zwykły), chociaż nie powoduje to problemu.

Jeśli chcesz zachować IE8 na komputerze i test z IE9, pobierz oddzielnego Platform Preview 8 od here

IE9 blocks download of cross-origin web font

Answer 2

można łatwo rozwiązać ten problem przez ustawienie konfiguracji CORS do wiadra S3 przechowujesz swoje czcionki.

1. Włącz CORS na wiaderku jak wyjaśniono tutaj: http://docs.aws.amazon.com/AmazonS3/latest/UG/EditingBucketPermissions.html

2. Ustawić odpowiednią konfigurację, jak określono tutaj: http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html

Answer 3

Właśnie to zrobił. Zasadniczo możesz wykonać kroki, aby edytować uprawnienia do wiadra S3. Jeśli potrzebujesz dalszej pomocy, pozostaw komentarz poniżej.

1) Zaloguj się do konsoli AWS Zarządzania i otworzyć konsolę Amazon S3 w https://console.aws.amazon.com/s3/

2) w liście wiadra, otworzyć wiadro, którego właściwości chcesz przejrzeć i kliknij przycisk „Dodaj konfigurację CORS”

3) Napisz zasady jesteś gotów włożyć między znacznikami <CORSConfiguration>

<CORSConfiguration> 
    <CORSRule> 
    <AllowedOrigin>*</AllowedOrigin> 
    <AllowedMethod>GET</AllowedMethod> 
    </CORSRule> 
</CORSConfiguration> 

Możesz dowiedzieć się więcej na temat zasad w: http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html

Answer 4

Tym, co ustawienia Cors pracować dla mnie był klikając przycisk Usuń na stronie ustawienia Cors, a następnie dodanie nowej konfiguracji Cors

Edycja istniejącego ustawienia po prostu nie wydawało się, że mam jakiś efekt, dopóki nie uderzę w DELETE.