font-face跨域办法

font-face是如今比较流行的技术，能够矢量化你的图标，更改颜色方便等等。若是你想更进一步了解他，请点击这里(CSS3 icon font彻底指南)
今晚有网友问到font-face跨域在nginx下如何配置，印象中一淘UX有文章介绍办法，但打开文章里面相应的连接后发现没内容。
搜了一下其余地方，大多数给出的都是同样的连接。

因此在这里补充一下内容：

缘由：

Firefox对字体文件有加载限制，也就是说不容许你随便加载别人的字体，防止他人盗用字体。

解决办法：

一、把字体文件放在你网站根目录下。
二、给字体文件的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:

<FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "http://yoursite.com"
  </IfModule>
</FilesMatch>

 三、添加mine

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff woff