Заголовок Access-Control-Allow-Origin в Google App Engine

У меня есть веб-сайт, размещенный на App Engine (python2.7), и связанный с ним блоггер на субдомене. Я использую общие ресурсы в аккаунте блоггера. В частности, я делюсь шрифтами значков, которые импортирую в свой CSS (пример ниже).

@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;
}

Импорт @font-face работает во всех браузерах, кроме Firefox, который не поддерживает совместное использование ресурсов между источниками.

Как изменить заголовок в папке статических шрифтов в App Engine, чтобы импорт корректно работал в Firefox?


python google-app-engine blogger
person patdugan    schedule 09.07.2013    source источник

Ответы (2)


arrow_upward
20
arrow_downward

Добавил следующий обработчик в мой app.yaml в движке приложения, и теперь импорт работает во всех браузерах.

handlers:
- url: /fonts
  static_dir: fonts
  http_headers:
    Access-Control-Allow-Origin: "*"
person patdugan    schedule 09.07.2013

arrow_upward
1
arrow_downward

Если ваши активы хранятся в Google Cloud Storage, вы можете установить заголовки, следуя этому руководству: https://cloud.google.com/storage/docs/cross-origin

person Andrew    schedule 17.11.2014