Question

我一直试图让Firefox加载一个我的Google App Engine项目所在的服务器上的自定义字体，我明白这是因为我的网站和我的字体不在同一台服务器上，Firefox并不允许这样做。

我在这个问题Access-Control-Allow-Origin header on Google App Engine上找到了如何允许不同的来源，就像你在htaccess文件上那样，但它似乎只适用于服务器上的文件。我正在尝试这个

- url: /wp-content(.*\.(otf|eot|svg|ttf|woff))
  static_files: wordpress/wp-content/\1
  upload: wordpress/wp-content/(.*\.(otf|eot|svg|ttf|woff))
  http_headers:
    Access-Control-Allow-Origin: "*"

，我下载了我的文件，看看它是否可以在本地运行，但事实并非如此。这就是我所拥有的，显然有一些问题，但我真的想知道如何在这里添加处理程序，所以我的font-face仍然会被加载到另一台服务器而不是远程链接。

该字体可以很好地加载Chrome，Safari和Opera。

Answer 1

看起来您的网址正文中可能缺少“/”，即

- url: /wp-content/(.*\.(otf|eot|svg|ttf|woff))

Answer 2

这是我加载字体的方式。在我的HTML页面中：

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

然后在我的CSS中：

body {
    font-family: 'Open Sans', Arial Unicode MS,Arial,sans-serif;
}

处理Google App Engine的标题Access-Control-Allow-Origin

2 个答案: