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用户遇到了同样的问题，但没有提供满意的答案。

有谁知道这个的原因？另外，为什么在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正在加载没有问题，并且加载了3.2.1的ttf没有问题。

我已将MIME类型woff添加为font/woff到应用程序的MIME类型。
现在得到200 此致

Answer 2

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

Answer 3

出现此问题的原因是错误的字体路径或缺少必需的字体。要解决此问题，请按照下面的步骤进行操作

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

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

3：转到fonts文件夹，复制字体

4：将字体过去http://localhost/***/***/

希望对你有所帮助。

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

3 个答案: