Font-Awesome错误404字体

Non*_*Non 67 css fonts font-awesome

我不知道发生了什么但是在浏览器控制台中我可以看到3个与font-awesome相关的错误

 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff2?v=4.3.0 
 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff?v=4.3.0
 GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.ttf?v=4.3.0 
Run Code Online (Sandbox Code Playgroud)

我知道这是荒谬的,我不能自己弄清楚这一点,但一切似乎都没问题,在我的index.html我有这样的事情

<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" />
Run Code Online (Sandbox Code Playgroud)

这就是我所有与字体有关的东西,我已经检查了路径,我没有错.

你们中的任何人都会这样吗?

在此输入图像描述

UPDATE

这是NGINX部分,我在标题中加载了一些内容

add_header Content-Security-Policy "style-src 'self' 'unsafe-inline'
https://fonts.googleapis.com
https://fonts.gstatic.com
https://themes.googleusercontent.com
https://assets.zendesk.com;
font-src 'self' https://themes.googleusercontent.com
https://fonts.gstatic.com;";
Run Code Online (Sandbox Code Playgroud)

jho*_*elz 128

更好的是,将此部分添加到您的web.config中,然后这些mime类型将自动添加到您部署到的任何服务器上的IIS中.(删除是为了避免重复的mime类型错误,以防它们已经存在)

  <system.webServer>
    <staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="font/x-woff" />
    </staticContent>  
  </system.webServer>
Run Code Online (Sandbox Code Playgroud)

  • 对于运行 .NET Web 应用程序的人来说,这绝对是最实用的解决方案。 (2认同)

Gom*_*mes 73

将.woff添加到应用程序服务器mime类型(例如iis-> mime类型)作为application/font-woff

  • 我不得不做两个条目,一个用于woff,一个用于woff2.工作就像一个魅力.谢谢! (4认同)

小智 8

我和iis有同样的问题.我添加了一个新的mime类型,其中".woff2"作为文件扩展名,"font/x-woff"作为mime类型,问题解决了.


Cho*_* Li 6

1.转到IIS,找到您的网站,找到MIME类型, 然后单击添加

2.在附件文件名中放入“ woff2”。在Mime类型中放入“ application / font-woff”

3.在IIS上重新启动网站