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

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

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

你们当中有人会这样吗?

在此处输入图像描述

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

推荐答案

Add the .woff to your application server mime type(e.g. iis-> mime type) as application/font-woff

Css相关问答推荐

如何将CSS Paint API与Reaction一起使用

NextJs - Tailwind css类样式未应用于响应屏幕

响应的Megamenu位置css

在GRID-TEMPLATE-ROWS中设置最大行数:Repeat()

使用高图的背景大小渐变

在最小和最大视口之间时具有固定值的 CSS 钳位

圆形按钮边框长度动画

同时实现渐变文本和闪光文本效果是否可行?

SVG样式中的CSS类名是否是全局的?

CSS 不要 Select 包含混合内容的 div 中的第一个元素

在 Tailwind css 中,间距对我不起作用

将框架放入 bootstrap 模式的正确方法是什么?

在移动设备上touch 屏幕边缘的元素(Material UI)

如何将 .btn-group 从 twitter-bootstrap 居中?

在 CSS 中相对于另一个元素定位一个元素

CSS - 在 id 中 Select 类的语法

如何让 Firefox 在文件更改时自动刷新?

如何在 CSS 中绘制一个圆形扇区?

我如何*真正*证明 HTML+CSS 中的水平菜单?

更改 html 列表中项目符号的 colored颜色 ?