Font Awesome无法加载资源/font/fontawesome-webfont.woff?v=3.0.1

Question

在网站上一切看起来都很好，但是控制台中显示了这两个错误。如果我点击URL，则字体会下载。我一直在试图追踪这个问题，但我在控制台中遇到了两个错误：

无法加载资源 resource:/font/fontawesome-webfont.woff?v=3.0.1
无法加载资源 resource:/font/fontawesome-webfont.ttf?v=3.0.1

如何消除这个错误？

- Nix

---

你能添加包含字体URL的CSS代码片段吗？ - codelark

我认为您的浏览器将内容类型警告显示为错误而非警告。我编写了一个快速测试应用，一切都正常工作，但是如果没有 ResourceMappers 来设置内容类型，那么字体就会出现警告。使用映射器，我就不会有任何错误提示。 - codelark

我最初遇到了一个内容类型警告“资源被解释为字体，但使用MIME类型application/octet-stream传输”，以及2个错误，但我已经修复了警告，错误仍然存在。 - Nix

你是如何解决这些警告的？使用 ResourceMappers 还是其他方法？ - codelark

请查看此链接：https://dev59.com/yGgu5IYBdhLWcg3w0qNK - Leniel Maccaferri

Answer 1

我最近遇到并解决了这个问题。解决办法是将'font'目录和其他想要处理资源的目录添加到您的adhoc includes中，因此在config.groovy中看起来像这样（如果您的资源在其他地方，请根据需要添加目录）。

grails.resources.adhoc.includes = ['/images/**', '/css/**', '/js/**', '/font/**']

更多细节请参考这里： 使用Grails资源插件1.2.7时，CSS文件中的URL被破坏

- Peter

Answer 2

“resource:”前缀是Grails资源插件CSS重写过程中的一个中间步骤。您似乎在自定义资源处理器或CSS重写器中遇到了错误。

我制作了一个示例应用程序（Grails 2.1.1，Font-Awesome 3.0.2，Grails-Resources 1.1.6），在初始加载时不显示错误。在运行应用程序的情况下修改font-awesome.css后，重写器会抛出错误并留下破损的“resource:” URL。

如果使用“?_debugResources=true”执行相同的请求，则错误会再次消失。

在我的示例中，部署后保持原样的font-awesome文件或使用font-awesome-resources插件都可以防止出现错误。

- codelark

Answer 3

我有同样的问题。

尝试使用-

src:url(asset-path('fontawesome-webfont.eot?v=3.2.1', font));

而不是直接使用静态路径。

对于清除特定错误，这对我很有帮助。

- Robert Egnacheski

Answer 4

这是与?v=3.0.1相关的问题。更改您的文件名和引用，它将正常工作。只使用fontawesome-webfont.woff和fontawesome-webfont.ttf文件名。

- user6366996