字体上的超赞错误404

我不知道发生了什么，但是在浏览器控制台中我可以看到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 

我知道这很荒谬，我无法自己弄清楚，但一切似乎都很好，在我的index.html中，我有类似的内容

<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css" />

这就是我与字体超赞相关的全部内容，我已经检查了路径，对此我没有错。

你们所有人都在发生这种情况吗？

更新

这是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;";

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

更好的是，将此部分添加到您的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>

我对iis有同样的问题。我添加了一个新的MIME类型，文件扩展名为“ .woff2”，作为MIME类型添加了“ font / x-woff”，问题得以解决。

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

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

3.在IIS上重新启动网站

您提供的网址全部无效，并且未链接到资源。据我们任何人都能从您的帖子中得知-它们根本不存在。

您是否针对预期的文件夹结构正确上传了文件？

我在只允许使用Apache2 Web服务器的“ cPanel共享主机服务器”上遇到了完全相同的问题。由于共享主机安全设置不允许使用“ Access-Control-Allow-Origin”值的通配符（*）（因为：带宽和资源窃贼），因此我不得不想出一种其他方法来使其工作。

OP提出的这个问题可以推断nginx，但是公认的且最受欢迎的答案似乎是针对IIS的。可能有些人（像我一样）偶然发现了这个问题，以寻找与Apache中的CORS“权限”相关的apache2解决方案，因此这是我解决该问题的灵丹妙药。我将以下内容添加到.htaccess文件中WP站点的根目录的顶部：

<IfModule mod_headers.c>
 <IfModule mod_rewrite.c>
    SetEnvIf Origin "http(s)?://(.+\.)?(othersite\.com|mywebsite\.com)(:\d{1,5})?$" CORS=$0
    Header set Access-Control-Allow-Origin "%{CORS}e" env=CORS
    Header merge  Vary "Origin"
 </IfModule>
</IfModule>

我希望我能为RegEX魔术的这种奇妙功劳而功劳，但我在这篇博文中解释了我如何派生此解决方案的方式，此处涉及到一个类似的问题：Access-Control-Allow-Origin通配符子域，端口和协议

**明显注意：您需要更改域名以匹配您自己的域名。您可以删除（|）RegEx OR，而仅使用一个域名，其中RegEx接受所有子域和根级别域名

除以下解决方案外，以上解决方案均不适用于我。请在BundleConfig.cs文件中所有“ bundles.Add”命令之后添加以下行：

BundleTable.EnableOptimizations = false;

转到：http : //fortawesome.github.io/Font-Awesome/get-started/

...使用Bootstrap CDN只需一行代码即可将Font Awesome添加到您的网站中。您甚至不必下载或安装任何东西！”

我有完全一样的问题和错误。删除我的Font-Awesome库并安装最新版本可以解决此问题。

将.woff2作为应用程序/字体-woff添加到您的应用程序服务器mime类型（例如iis-> mime类型）

对我来说很好。

请享用 ！！！

:)