【问题标题】:Font Awesome Failed to load resource /font/fontawesome-webfont.woff?v=3.0.1Font Awesome 无法加载资源 /font/fontawesome-webfont.woff?v=3.0.1
【发布时间】:2013-03-01 05:52:37
【问题描述】:

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

加载资源资源失败:/font/fontawesome-webfont.woff?v=3.0.1
资源资源加载失败:/font/fontawesome-webfont.ttf?v=3.0.1

我怎样才能摆脱这个错误?

【问题讨论】:

  • 你能从包含字体url的css中添加sn-p吗?
  • 我认为您的浏览器将内容类型警告显示为错误而不是警告。我组装了一个快速测试应用程序,一切正常,但没有ResourceMappers 设置内容类型,我会收到字体警告。使用映射器,我不会出错。
  • 我最初有一个内容类型警告Resource interpreted as Font but transferred with MIME type application/octet-stream’ 以及 2 个错误,但我修复了警告并且错误仍然存​​在。
  • 您是如何修复这些警告的?用ResourceMappers 还是别的什么?

标签: grails font-awesome


【解决方案1】:

我最近遇到并解决了这个问题。解决方案是添加“字体”目录,以及您希望将资源处理到您的 adhoc 的任何其他目录,因此它最终在 config.groovy 中看起来像这样(如果您在其他地方有资源,请根据需要添加目录)。

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

更多细节在这里: URLs within CSS files broken with Grails resources plugin 1.2.7

【讨论】:

    【解决方案2】:

    resource: 前缀是 grails 资源插件的 css 重写过程中的中间步骤。您似乎遇到了临时资源处理器或 css 重写器中的错误。

    我做了一个示例应用程序(grails 2.1.1、font-awesome 3.0.2、grails-resources 1.1.6),它在初始加载时没有显示错误。在应用程序运行的情况下修改 font-awesome.css 后,重写器会抛出错误并保留损坏的 resource: 网址。

    如果我使用?_debugResources=true 执行相同的请求,错误就会再次消失。

    在我的示例中,在部署后单独保留字体真棒文件或使用 font-awesome-resources plugin 可以防止错误出现。

    【讨论】:

      【解决方案3】:

      我遇到了同样的问题。

      尝试使用-

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

      而不是直接的静态路径。

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

      【讨论】:

        【解决方案4】:

        这是 ?v=3.0.1 更改文件名和引用的问题。它会正常工作。仅使用 fontawesome-webfont.woff 和 fontawesome-webfont.ttf 文件名

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2015-10-18
          • 2016-06-05
          • 1970-01-01
          • 2015-10-20
          • 1970-01-01
          • 2019-02-01
          • 2017-01-12
          相关资源
          最近更新 更多