我是的网站管理员,并且在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),每个单个图标通常都会在访问后再次出现故障。
谁能找到问题?
在您的服务器上,您需要添加:
Access-Control-Allow-Origin
在字体文件的标题中,例如,如果您使用的是Apache,则可以将其添加到.htaccess中:
<FilesMatch "\.(ttf|otf|eot|woff|woff2)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>