internet-explorer - 绕过 Firefox 和 IE 的 webfonts 跨域策略

Question

我使用 Google App Engine 设置了一个静态服务器，这样我就可以存储字体文件、可下载文件(例如 zip 和其他应用程序文件)，对于 Chrome、Safari 和 Opera，它运行良好，但是对于 Firefox 和 IE，我的网络字体出现跨域“不允许”错误。我正在使用 Python 2.7 运行时，发现了一些似乎不起作用的方法。

第一个是在我的应用程序的根目录中设置一个 crossdomain.xml 文件(但是我不知道我是否应该使用Python 文件或我的 app.yaml 因为我还没有看到它的示例)但无论如何，这是我的代码:

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
    <site-control permitted-cross-domain-policies="all"/>
    <allow-access-from domain="*" to-ports="*" secure="false"/>
    <allow-http-request-handlers-from domain="*" headers="*" secure="false"/>
</cross-domain-policy>

第二个只是设置一个普通的 .htaccess 文件(但同样，我不知道如何配置/路由它，所以这可能是唯一的问题)。这是代码:

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    Header set Access-Control-Allow-Methods "GET"
    Header set Access-Control-Allow-Credentials "false"
</IfModule>

但是当我重新部署我的静态服务器时，我仍然在 Firefox 和 IE 中遇到错误。我在 Python 方面的经验(以及后端阶段，真的)几乎是零，所以如果我做错了什么或忘记了重要的部分，请原谅我。如果需要，我可以提供我的 app.yaml 和 main.py 的代码(但它真的很简单)。我正在积极使用 app.yaml 来路由 crossdomain.xml 和 .htaccess，并且在找到页面并正确路由时, 它仍然没有在 FF 和 IE 中显示网络字体。

如有任何帮助，我们将不胜感激。

Answer 1

服务 crossdomain.xml文件作为来自 App Engine 的静态文件，将以下内容添加到您的 app.yaml , 在 handlers: 下键:

handlers:
- url: /crossdomain.xml
  static_files: static/crossdomain.xml
  upload: static/crossdomain.xml

几乎肯定还有其他url: handlers: 下的条目当然是关键。

url: key 必须是/crossdomain.xml . static_files:条目应该是实际文件的相对路径，将其存储在 static/ 中目录。您还必须包括 upload:告诉上传者正在提供什么文件的键。

参见 Static file pattern handlers文档。