Nagłówek Access-Control-Allow-Origin w Google App Engine

Question

Mam witrynę hostowaną na App Engine (python2.7) i powiązanego blogera na poddomenie. Używam zasobów udostępnionych na koncie blogera. W szczególności, udostępniam czcionki ikon, które importuję w moim CSS (przykład poniżej).

@font-face { 
font-family: "FontAwesome"; 
src: url('fonts/fonts/fontawesome/fontawesome-webfont.eot'); 
src: url('fonts/fonts/fontawesome/fontawesome-webfont.eot?#iefix') format('eot'), 
url('fonts/fonts/fontawesome/fontawesome-webfont.woff') format('woff'), 
url('fonts/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'), 
url('fonts/fonts/fontawesome/fontawesome-webfont.svg#FontAwesome') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

Importowanie @ font-face działa we wszystkich przeglądarkach oprócz Firefoksa, które nie pozwala na współdzielenie zasobów.

Jak zmienić nagłówek w folderze statycznych czcionek w App Engine, aby umożliwić importowanie poprawnej pracy w Firefoksie?

Answer 1

Dodano następującą obsługę do mojej app.yaml na silniku aplikacji i import teraz działa dobrze we wszystkich przeglądarkach.

handlers: 
- url: /fonts 
    static_dir: fonts 
    http_headers: 
    Access-Control-Allow-Origin: "*" 

Answer 2

Jeśli aktywa są przechowywane w Google Cloud Storage, można ustawić nagłówki wykonując ten przewodnik: https://cloud.google.com/storage/docs/cross-origin