在这个愚蠢的问题上，我一直把头靠在墙上一小时。
我正在建立一个网站，而且我正在使用Font Awesome。站点的主页位于根目录（/）中;名为fog.html的页面位于/ content / books /中。 Font Awesome文件夹（font-awesome-4.6.3）位于/ fonts /中，因此例如FA＆＃39的字体位于/fonts/font-awesome-4.6.3/fonts /.
我从主页中引用了FA的CSS，如下所示：
<link rel="stylesheet" href="fonts/font-awesome-4.6.3/css/font-awesome.min.css">
从fog.html这样：
<link rel="stylesheet" href="../../fonts/font-awesome-4.6.3/css/font-awesome.min.css">
因为fog.html是比家更深的两个目录。我检查了检查员，在两个实例中都正确引用了FA的CSS。
主页上显示FA的图标，但我在fog.html上显示空白方块。我猜这一定是因为FA的字体是由FA的CSS使用相对路径引用的，并且由于这两个页面位于目录树的不同部分，因此我输入的任何相对路径将把我带到不同的地方，具体取决于在页面上引用了CSS。
所以我决定在FA的CSS中使用绝对路径。我在我的本地PC上这样做，所以编辑过的CSS看起来像这样：
/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('file:///E:/Nicola/The%20Elynx%20Saga/Current/Documents/elynxsaga.com/Site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.eot?v=4.6.3');src:url('file:///E:/Nicola/The%20Elynx%20Saga/Current/Documents/elynxsaga.com/Site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('file:///E:/Nicola/The%20Elynx%20Saga/Current/Documents/elynxsaga.com/Site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('file:///E:/Nicola/The%20Elynx%20Saga/Current/Documents/elynxsaga.com/Site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('file:///E:/Nicola/The%20Elynx%20Saga/Current/Documents/elynxsaga.com/Site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('file:///E:/Nicola/The%20Elynx%20Saga/Current/Documents/elynxsaga.com/Site/fonts/font-awesome-4.6.3/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') [etc]
无论这些混乱如何，FA的图标仍然显示在主页上，但他们并没有使用fog.html。很明显，绝对路径可以从一个位置得到好处而不能从另一个位置得到好处，并且由于FA的CSS似乎在fog.html上被正确引用，我还没有得到最模糊的线索，为什么这个发生的情况。
任何帮助都将深表感谢！