Question

我的网站结构如下所示

root
|
|-- ProjectDir
    |
    |-- fonts
    |   |-- my-webfont.woff
    |
    |-- css
    |   |-- vendor
    |       |-- my-style.css
    |
    |-- rent.html

在＆＃34; my-style.css＆＃34; 文件中，使用site-root-relative url链接字体

url('/fonts/my-webfont.woff')

我使用本地网络服务器查看

http://localhost/ProjectDir/rent.html

但我的字体没有加载，当我尝试加载

时

http://localhost/fonts/my-webfont.woff

它显示404错误（找不到文件）。

你可以在这里看到我的git repo：https://github.com/abhisekp/House-Rent-Calculator并查看fonts /目录。

使用Web服务器加载字体文件会显示404错误。见这里：https://abhisekp.github.io/fonts/fontawesome-webfont.eot

这一切有什么问题？我的本地服务器也是这样的。

Answer 1

尝试使用：

url('../../fonts/my-webfont.woff');

Answer 2

谢谢大家。我发现了这个bug。

实际上，问题是根本身。使用 https://abhisekp.github.io/House-Rent-Calculator 地址查看时，根目录是＆＃34; abhisekp.github.io /＆＃34; 不是＆＃34; abhisekp .github.io / House-Rent-Calculator /＆＃34; 因此 @ font-face urls 指的是前者而不是后者。

字体位于＆＃34; House-Rent-Calculator /＆＃34; 目录下。我通过使用相对链接来修复它（对于所有内容都是安全的，如果＆＃34;字体/＆＃34;＆amp;＆＃34; css /＆＃34;目录不经常更改）。

没有更多根相对链接，因为我使用各种服务器进行测试，而我的＆＃34; House-Rent-Calculator /＆＃34; 目录可能位于任何位置服务器。

比抱歉更安全！ ; - ）

404加载字体时出错

2 个答案: