跨域:

浏览器对于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
您的打赏,将全部用于服务器购置及域名续费等,以保证诸如跬步图床等的免费服务