Question

我下载了Creative Bootstrap主题，该主题具有以下文件夹结构

css/
img/
js/
less/
vendor/
index.html

我现在创建了subfolder，复制了文件夹中的index.html，并通过添加CSS更改了JS和../文件中的链接。特别是第18行的fontawesome链接改为

<link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

令我惊讶的是，字体真棒链接不再起作用了：

此外，我注意到，当我删除点../并复制subfolder中的供应商文件夹时，字体真棒图标正在运行。

当我从root或index.html打开subfolder时，我的网络标签中没有404错误。两次看起来都是这样的（为什么Font-Awesome从未列出？我按F5并且根文件夹中的index.html文件实际上正确地显示了字体 - 真棒图标）：

当供应商文件夹位于subfolder之外时，为什么字体 - 真棒图标无法正确显示？

Answer 1

../相对于当前页面的目录。使用/启动href属性以使其成为绝对属性。看起来它应该只是href='/vendor/font-awesome/css/font-awesome.min.css'给我。使用绝对路径将使其适用于所有页面，而无需考虑当前目录。

Answer 2

这仅在本地发生，仅在Firefox中发生。将文件放在服务器上，也可以在Firefox中正常工作。

Answer 3

在该html模板（startbootstrap模板）中，如果链接到两个组件，则会显示fontawesome图标：

如果将这些文件移动到另一个位置，请执行以下操作：

如果您的css文件夹中的all.css文件位置，请链接到此文件。
更改指向all.css文件中的vendor \ fontawesome-free \ webfonts的链接到您的新位置），或者在与css文件夹相同的文件夹（您无需更改到webfont的链接）。