Question

我在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中正常工作？

Answer 1

在app引擎上为我的app.yaml添加了以下处理程序，导入现在可以在所有浏览器中正常运行。

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

Answer 2

如果您的资源存储在Google云端存储中，则可以按照以下指南设置标题： https://cloud.google.com/storage/docs/cross-origin

Google App Engine上的Access-Control-Allow-Origin标头

2 个答案: