(font-face字体/Ajax)跨域解决方案

字体跨域

原文地址: font-face跨域办法
font-face是现在比较流行的技术,可以矢量化你的图标,更改颜色方便等等。如果你想更进一步了解他,请点击这里(CSS3 icon font完全指南)今晚有网友问到 font-face 跨域在 nginx 下如何配置。
所以在这里补充一下内容:
原因:
浏览器(不仅仅是Firefox)对字体文件有加载限制,也就是说不允许你随便加载别人的字体,防止他人盗用字体,只有在服务器端允许访问的情况下才能够加载指定的字体文件
解决办法:
1、把字体文件放在你网站指定目录下。
2、给字体文件的http头里面添加 Access-Control-Allow-Origin 属性,以控制指定域引用你的字体文件。
nginx

阅读更多