字体-字体的可怕错误404

我不知道是怎么回事,但在浏览器控制台,我可以看到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

我知道这很荒谬,我不能自己解决这个问题,但一切似乎都很好,在我的索引中,我有这样的东西

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

这就是我所有关于字体的东西-真棒,我已经检查了路径,我没有错。

你们有人也是这样吗?

enter image description here

更新

这是 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;";
105229 次浏览

您提供的 URL 都是无效的,并且没有链接到资源。至于我们任何人都可以告诉从你的职位-他们根本不存在。

您是否按照预期的文件夹结构正确地上传了文件?

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

我对 IIS 也有同样的问题。我添加了一个新的哑剧类型与”。Woff2”作为文件扩展名,“ font/x-woff”作为 mime 类型,问题解决了。

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

... 使用 Bootstrap CDN 添加字体了不起到您的网站与一行代码。你甚至不需要下载或安装任何东西!”

更好的做法是,将这一部分添加到 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>

1. 进入 IIS,找到你的网站,找到 MIME 类型, 然后点击添加

2. 在附件名中加上“ woff2” 在 Mime 键入“ application/font-woff”

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

我也有同样的问题和错误。删除我的 Font-Awesome 库并安装最新版本解决了这个问题。

我在“ cPanel 共享主机服务器”上遇到了完全相同的问题,该服务器只允许使用 Apache2网络服务器。由于通配符(*)的值“访问控制-允许-起源”是不允许的共享主机安全设置(因为: 带宽和资源窃贼) ,我必须找到一个不同的方式来使其工作。

OP 提出的这个问题可以推断出 nginx,但是被接受的和最被支持的答案似乎是 IIS。可能有人(比如我)偶然发现了这个问题,正在寻找与 Apache 中 CORS“权限”相关的 apache2解决方案,因此这里有一个解决这个问题的灵丹妙药。中的 WP 站点的根目录的提示顶部添加了以下内容。Htaccess 文件:

<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 魔术的功劳,但我解释了我是如何得到这个解决方案在这个帖子的评论在这里一个类似的问题: 访问控制-允许-起源通配符子域、端口和协议

* * 显而易见的提示: 您需要更改域名以匹配您自己的域名。您可以删除(|)正则表达式或,只使用一个域名,其中所有子域和根级域名都被正则表达式接受

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

我觉得挺好的。

好好享受吧!

:)

除了下面这个,以上的方法对我都不管用。请在所有的包后面加上这一行。在 BundleConfig.cs 文件中添加“命令”:

BundleTable.EnableOptimizations = false;