firefox上的可下载字体：错误的URI或跨站点访问不允许

Question

我是的网站管理员，并且在CSS中使用@font-face时遇到了很多问题。

我想使用zurb dot com的foundicons，所以我将它们托管在Amazon S3中。

我将存储桶设置为允许此处指定的跨域访问：

一切都开始在webkit，trident和gecko上无缝运行…主要是：当使用firefox浏览Web（测试版本17、18和19）时，所有图标随机失败，并出现以下错误：

Timestamp: 22/02/13 13:18:01
Error: downloadable font: download failed (font-family: "GeneralFoundicons" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed

我随便说一遍，因为在完全重新加载页面后（带有Control / Command + R），每个单个图标通常都会在访问后再次出现故障。

谁能找到问题？

Answer 1

在您的服务器上，您需要添加：

Access-Control-Allow-Origin

在字体文件的标题中，例如，如果您使用的是Apache，则可以将其添加到.htaccess中：

<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>