我的网站使用CDN,虽然Firefox中的Chrome浏览器一切正常,但我得到以下错误:
跨源请求被阻止:同源策略不允许读取位于http://static.website.com/wp-content/themes/themename/fonts/font-name.woff的远程资源。 这可以通过将资源移动到相同的域或启用CORS来解决。
当我检查我的网站.htaccess文件时,我注意到,请求这种types的文件(字体)
这是我设定的:
<FilesMatch "\.(svg|ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch>
任何想法还有什么需要做的允许字体从CDN服务?
最终find了解决办法。
我们必须在我们的存储桶(我们使用Amazon S3)上设置CORS,因为从CDN提供的文件不是直接来自网站。
这里是一些如何做到这一点的信息