Font-Awesome错误404字体

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

1.转到IIS，找到您的网站，找到MIME类型， then click add

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

3.在IIS上重新启动您的网站

Answer 5

您提供的网址均无效，不会链接到资源。至于我们任何人都能从你的帖子中说出来 - 他们根本就不存在。

您是否针对目标文件夹结构正确上传了文件？

Answer 6

我在＆＃34; cPanel共享主机服务器上遇到了完全相同的问题＆＃34;只允许Apache2 webserver。由于＆＃39; Access-Control-Allow-Origin＆＃39;的值为通配符（*）共享主机安全设置不允许（因为：带宽和资源窃贼）我必须找出一种不同的方式使其工作。

OP提出的这个问题推断nginx，但是接受的＆amp;最受欢迎的答案似乎是针对IIS。可能有人（像我一样）偶然发现这个问题，寻找与CORS相关的apache2解决方案＆＃34;权限＆＃34;在Apache中，所以这是我解决这个问题的灵丹妙药。我在.htaccess文件的WP站点的根目录的tippy-top中添加了以下内容：

<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 wildcard subdomains, ports and protocols

  

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

Answer 7

转到：Conditional Syntax

...使用Bootstrap CDN通过一行代码将Font Awesome添加到您的网站。您甚至不必下载或安装任何东西！＆＃34;

Answer 8

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

Answer 9

将.woff2添加到应用程序服务器mime类型（例如iis-＆gt; mime类型）作为application / font-woff

它对我来说很好。

享受!!!

：）

Answer 10

上述解决方案均不适用于我，除了以下解决方案。请在BundleConfig.cs文件中的所有'bundles.Add'命令后添加此行：

BundleTable.EnableOptimizations = false;