跨域中的引导字形图标不起作用

Posted 2023-03-03

【中文标题】跨域中的引导字形图标不起作用

【英文标题】：bootstrap glyphicons in cross domain doesn't works

【发布时间】：2014-12-06 18:17:04

【问题描述】：

我有一个基础站点，其中包含我的所有代码 javascript 以及对 jquery 和 bootstrap 的依赖项，因此我不需要每次都将所有这些文件复制到新站点。例如，我的基础站点位于 localhost/basesite 上，因此新站点使用这样的引导程序：

<link href="http://localhost/basesite/content/bootstrap/css/boostrap.css rel='stylesheet' />

对于脚本：

<script src='http://localhost/basesite/scripts/bootstrap.js'></script>

一切正常，但引导 glyphicons 没有，因为字体目录中的 3 个文件未正确加载：

../fonts/glyphicons-halflings-regular.[woff, ttf, svg]

这些文件在bootstrap的fonts目录下，浏览器可以正确获取glyphicons-halflings-regular.eof这个文件，witch在同一个目录下。

如果我打开我的基础站点，glyphicon 就像一个魅力，所以字体目录位置没有问题。

我认为这是跨域的问题，但我的网站已经配置为使用它。

在 Chrome 中，我得到了 304 和 206。我真的无法理解。这是来自 Google Chrome 的打印屏幕：

最好的问候

【参考方案1】：

似乎问题出在字体文件夹权限上，可能字体请求返回 403 错误（禁止）并导致问题，再次调整权限和托盘，检查谷歌浏览器或 firebug 上的网络面板以获取更多信息关于问题，如果问题是 url path network panel 显示这个错误，托盘将完整路径放在 url 字体中，如：http://www.yourdomain.com/folderpath/fontname...

【讨论】：

我已经放了完整路径，但错误仍然存​​在。并且返回的代码错误是 404，因为它试图在错误的位置获取这些文件。

你能放一张你的谷歌浏览器网络面板的图片吗？

我无法理解，在 Chrome 中我得到了 304 和 206。

你能点击其中一个错误并把标题面板的图像放上去

是的，当然...这不是错误，我得到了 304 和 206，但是字形图标不起作用。