CSS 字体产生跨域问题

只看上边的两张图，也许看不出有啥大问题，只是显示的图标不同罢了。确实是图标不同，但是同样一个网站或者同样一个模板，因为浏览器的不同，就产生了不同的展现效果，甚至可以理解为所有的东西都一样，但是展现的效果就是不一样。当然能够显示出第二个效果的并不多。经过打开浏览器的开发者模式来进行查看，

出现了上图结果，假如通过浏览器来进行链接访问的话，是可以访问到的。

明明可以访问到，可是也js加载的时候加载不出来。

原因是  woff  文件涉及到了跨域问题。

那解决方法非常简单：只需要在  nginx中的配置文件里 添加以下几行代码

    location ~* \.(eot|ttf|woff|woff2|svg|ajax)$
    {
      add_header Access-Control-Allow-Origin *;
      add_header Access-Control-Allow-Headers X-Requested-With;
      add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
    }

然后 重启。

按照天津话来说  介就算完了  OK了