跨域:

浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.——网上随便找的一段解释

跨域失败的现象


可以从图中看到，打开浏览器的调试窗口，可以看到部分字体是远程调用的，被拒绝了。主要是提示

Access-Control-Allow-Origin

发现这个错误提示，说明你调用的站点（也就是你的字体文件等存放的服务器）对资源访问有做限制。

如何解决

对于apache的机器，只需要在对应的站点目录下，增加个.htaccess

然后写入以下内容保存：

<FilesMatch "\.(ttf|otf|eot|woff|woff2|ttf2|svg|js|css|png|jpg|gif)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

该区域填的是需要支持跨域的文件格式

(ttf|otf|eot|woff|woff2|ttf2|svg|js|css|png|jpg|gif)
Last modification：September 23, 2018
© Allow specification reprint
您的打赏，将全部用于服务器购置及域名续费等，以保证诸如跬步图床等的免费服务