Rails Font Awesome 上 CDN 後在 Firefox 無法顯示的解法

xdite · 2013年07月23日 · 最后由 huobazi 回复于 2013年07月23日 · 5659 次阅读

簡單的來說起源就是 Firefox 不支援 cross-domain fonts，而這情形在於又上 font-awesome 又上 Cloudfront 時就死人了...

前兩天 Logdown 換 CDN，昨天一堆 Firefox 用戶突然抱怨 icon 炸光光，我們才發現這棘手的問題。

剛剛立馬 fix 了。網路上的解法都是上 nginx 加 Access-Control-Allow-Origin: *

不過都忘記提醒要上 CloundFront 去清舊 cache 啊。尤其是 font-awesome 是只 compile 一次的啊....

1 个赞

doitian #1 2013年07月23日

这样的话会被人盗链吧

beenhero #2 2013年07月23日

同遭遇过，不过这个 cross domain 全放开确实有安全隐患. 可以对资源再过滤一层，只有.(ttf|otf|eot|woff)$ 才放开。

aptx4869 #3 2013年07月23日

嗯，目测 lz 的主浏览器一定不是 firefox 这问题自己本地 staging 环境上测试 nginx 用 static.domain.com 传静态文件就发现了……然后顺手给 ttf|eot|sfd 自己加上 gzip 了……

huobazi #4 2013年07月23日

看了一下，七牛 header 里已经默认加了 Access-Control-Allow-Origin: *

需要登录后方可回复, 如果你还没有账号请注册新账号