小编典典

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

css

我是的网站管理员,并且在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),每个单个图标通常都会在访问后再次出现故障。

谁能找到问题?


阅读 336

收藏
2020-05-16

共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>
2020-05-16