5

我正在尝试在我的项目中使用 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')那么它可以正常工作。我在 StackOverflow上发现了这个问题，用户有同样的问题，但没有提供令人满意的答案。

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

4

3 回答 3

7

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

我已经为应用程序的类型添加了MIME类型 woff 。 现在入200。 问候font/woffMIME

于 2013-11-02T11:44:25.407 回答
0

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

于 2016-09-08T08:54:13.307 回答
-3

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

1：去http://fontawesome.io/

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

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

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

希望对您有帮助。

于 2013-11-29T14:20:37.633 回答