font-face跨域办法-创新互联
font-face是现在比较流行的技术，可以矢量化你的图标，更改颜色方便等等。如果你想更进一步了解他，请点击这里(CSS3 icon font完全指南)
今晚有网友问到font-face跨域在nginx下如何配置，印象中一淘UX有文章介绍办法，但打开文章里面相应的链接后发现没内容。
搜了一下其他地方，大多数给出的都是一样的链接。
创新互联建站-专业网站定制、快速模板网站建设、高性价比桓台网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式桓台网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖桓台地区。费用合理售后完善，10多年实体公司更值得信赖。
所以在这里补充一下内容：
原因：
Firefox对字体文件有加载限制，也就是说不允许你随便加载别人的字体，防止他人盗用字体。
解决办法：
1、把字体文件放在你网站根目录下。
2、给字体文件的http头里面添加Access-Control-Allow-Origin属性，以控制指定域引用你的字体文件。
nginx:
server {
...
# Fix @font-face cross-domain restriction in Firefox
location ~* \.(ttf|ttc|otf|eot|woff|font.css)$ {
add_header Access-Control-Allow-Origin "http://yoursite.com";
}
...
}
apache:
Header set Access-Control-Allow-Origin "http://yoursite.com"
3、添加mine
AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff woff
创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。
文章题目：font-face跨域办法-创新互联
网页路径：
http://kswjz.com/article/pecgj.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
