字体上的字体真棒错误404

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

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" /> 

这就是我所说的与字体相关的东西,我已经检查了path,我没有错。

这是跟你们中的任何一个发生吗?

在这里输入图像说明

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

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

更好的是,将这部分添加到您的web.config中,然后这些MIMEtypes将自动添加到您部署到的任何服务器上的IIS。 (删除是为了避免重复的MIMEtypes的错误,如果他们已经在那里)

  <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有同样的问题。 我添加了一个新的MIMEtypes与“.woff2”作为文件扩展名和“font / x-woff”MIMEtypes和问题解决。

您提供的url都是无效的,并且不会链接到资源。 就我们任何一个人而言,从你的post可以看出,他们根本就不存在。

你是否正确上传文件的目标文件夹结构?

1.转到IIS,find您的网站,findMIMEtypes, 然后单击添加

2.将“woff2”添加到附件中将“application / font-woff”设置为Mimetypes

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

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

使用Bootstrap CDN通过一行代码将Font Awesome添加到您的网站中。 你甚至不需要下载或安装任何东西!“

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

我在“cPanel共享主机服务器”上遇到了完全相同的问题,只允许Apache2 web服务器。 由于共享主机安全设置(因为:带宽和资源窃贼)不允许“Access-Control-Allow-Origin”值的通配符(*),所以我不得不找出使其工作的另一种方法。

OP提出的这个问题推断nginx,但接受和最看好的答案似乎是为IIS。 可能有人(像我这样的人)偶然发现了这个问题,在Apache中寻找与CORS“权限”相关的apache2解决scheme,所以这里是我解决这个问题的灵丹妙药。 我在.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魔力,但是我解释了我是如何在这篇文章的评论中推导出这个解决scheme的:类似的问题在这里: Access-Control-Allow-Origin通配符子域名,端口和协议

**明显注意:您需要更改域名以匹配您自己的域名。 您可以删除(|)RegEx OR,只需使用一个域名,其中所有子域名和根级别域名都被RegEx接受