Css 如何在Firefox中跨域加载字体
我正在使用limelight CDN处理静态文件。我在本机firefox检查器中发现错误: 可下载字体:下载失败字体系列:nimbus粗体样式:正常重量:正常拉伸:正常src索引:1:错误URI或不允许跨站点访问 资料来源: CSS: 我尝试了以下方法,但没有效果:Css 如何在Firefox中跨域加载字体,css,apache,fonts,cdn,Css,Apache,Fonts,Cdn,我正在使用limelight CDN处理静态文件。我在本机firefox检查器中发现错误: 可下载字体:下载失败字体系列:nimbus粗体样式:正常重量:正常拉伸:正常src索引:1:错误URI或不允许跨站点访问 资料来源: CSS: 我尝试了以下方法,但没有效果: <FilesMatch "\.(ttf|otf|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*"
<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
-bash-4.1$ curl -I http://cdn-store.example.com/fonts/nimbussanspot-bold-webfont.woff
HTTP/1.1 200 OK
Date: Thu, 13 Feb 2014 16:58:05 GMT
Server: Apache/2.2.15 (Oracle)
Last-Modified: Thu, 13 Feb 2014 15:45:31 GMT
Accept-Ranges: bytes
Vary: Accept-Encoding,User-Agent
Access-Control-Allow-Origin: *
Content-Type: text/plain
Content-Length: 24040
Connection: keep-alive
-bash-4.1$ curl -I http://store.example.com/fonts/nimbussanspot-bold-webfont.woff
HTTP/1.1 200 OK
Date: Thu, 13 Feb 2014 17:04:10 GMT
Server: Apache/2.2.15 (Oracle)
Last-Modified: Thu, 13 Feb 2014 15:45:31 GMT
ETag: "146124-5de8-4f24b944b4eff"
Accept-Ranges: bytes
Content-Length: 24040
Vary: Accept-Encoding,User-Agent
Access-Control-Allow-Origin: *
Connection: close
Content-Type: text/plain
您的webfont文件以文本/普通内容类型提供,而不是像application/x-font-woff这样的适当类型 在apache配置文件中尝试以下操作,看看是否有帮助:
<Location /webfont>
Header set Access-Control-Allow-Origin "*"
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-woff .woff
</Location>
您的webfont文件以文本/普通内容类型提供,而不是像application/x-font-woff这样的适当类型 在apache配置文件中尝试以下操作,看看是否有帮助:
<Location /webfont>
Header set Access-Control-Allow-Origin "*"
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-woff .woff
</Location>
在服务器上,您需要添加:Access Control Allow Origin for fonts。 在.htaccess添加:
在服务器上,您需要添加:Access Control Allow Origin for fonts。 在.htaccess添加:
curl输出内容类型:application/x-font-ttf,字体加载没有问题。但是,我仍然在控制台中看到错误消息“不允许跨站点访问”。我应该忽略它吗?我怀疑此警告消息可能来自您试图从页面加载的其他资产,否则字体将无法正确显示。我错了,字体无法加载。您能推荐另一种解决方案吗?curl输出内容类型:application/x-font-ttf,字体加载没有问题。但是,我仍然在控制台中看到错误消息“不允许跨站点访问”。我应该忽略它吗?我怀疑此警告消息可能来自您试图从页面加载的其他资产,否则字体将无法正确显示。我错了,字体无法加载。你能提出另一个解决方案吗?
<Location /webfont>
Header set Access-Control-Allow-Origin "*"
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-woff .woff
</Location>
<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>