尝试在 Font Awesome 中使用 fontawesome-webfont.woff 时出错

Question

我正在尝试在我的项目中使用 Font Awesome。我修改了 font-awesome.css 以指向存储字体文件的目录。所以现在看起来像这样：

src: url('fontawesome-webfont.eot?v=3.2.1');
src: url('fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('fontawesome-webfont.woff?v=3.2.1') format('woff'), url('fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');

但问题是它在我的浏览器控制台上为语句url('fontawesome-webfont.woff?v=3.2.1') 引发错误。错误是：

GET http://localhost/***/***/fontawesome-webfont.woff?v=3.2.1 400 (Bad Request)         fontawesome-webfont.woff?v=3.2.1:1
GET http://localhost/***/***/fontawesome-webfont.ttf?v=3.2.1 400 (Bad Request)      fontawesome-webfont.ttf?v=3.2.1:1

如果我将语句修改为url('fontawesome-webfont.woff')，那么它可以正常工作而不会出现任何错误。我发现this question on StackOverflow 用户有同样的问题，但没有提供令人满意的答案。

有人知道这是什么原因吗？另外，为什么在字体的 URL 中提供了像 fontawesome-webfont.eot?#iefix&v=3.2.1 和 fontawesome-webfont.svg#fontawesomeregular?v=3.2.1 这样的附加参数？

Answer 1

我遇到了几乎同样的问题：唯一的fontawesome-webfont.woff?=3.2.1 给出了错误，但另一个没有版本的 woff 正在加载没有问题，并且 ttf 与 3.2.1 的加载没有问题。

我已将MIME 类型woff 作为font/woff 添加到应用程序的MIME 类型中。
现在获得 200 个。
问候

Answer 2

只需添加以下 MIME 类型 :) woff 字体/woff woff2 字体/woff2

Answer 3

此问题的原因是字体路径错误或缺少所需字体。要解决此问题，请按照以下步骤操作

1：转到http://fontawesome.io/

2：下载字体，解压下载的zip文件

3：进入字体文件夹，复制字体

4：过去的字体到http://localhost/***/***/

希望对您有所帮助。