字体未加载,在HTML中显示方块

字体未加载,在HTML中显示方块,html,css,bootstrap-4,font-awesome,webfonts,Html,Css,Bootstrap 4,Font Awesome,Webfonts,我最近从HTTRACTs克隆了该网站,但似乎有问题整个页面上的Facebook和Instagram等图标呈方形,当我在inspect元素中打开时,错误日志显示加载资源失败:net::ERR_FILE_NOT_FOUND,但文件在那里,路径也正确输入代码 @导入url(“”) 但那也不行,请帮帮我 原始网站不使用CDN,而是使用了一个字体包 它需要.woff和.ttf文件,您可以使用以下解决方案添加它 从font-awesome下载zip(网络免费) 当你得到压缩文件后,将其解压缩,现在你会得到

我最近从
HTTRACTs
克隆了该网站,但似乎有问题整个页面上的Facebook和Instagram等图标呈方形,当我在inspect元素中打开时,错误日志显示
加载资源失败:net::ERR_FILE_NOT_FOUND
,但文件在那里,路径也正确输入代码

@导入url(“”)

但那也不行,请帮帮我


原始网站不使用
CDN
,而是使用了一个字体包

它需要
.woff和.ttf
文件,您可以使用以下解决方案添加它

font-awesome
下载zip(网络免费)

当你得到压缩文件后,将其解压缩,现在你会得到太多的文件,从中你需要一个文件夹
webfont
和一个文件
all.min.css或all.css

现在用你的HTML文件链接
all.min.css或all.css
,并将你的文件夹放在你之前的位置
all.min.css或all.css
,我将给出一个文件夹结构示例,以了解这一行的含义

示例文件夹结构

assets
   |-- css
   |    | -- all.min.css
   |-- webfonts

为了清晰起见,请编辑您的文章,介绍标点符号(句子)、段落和其他格式。在你的英语中投入的精力和在代码中投入的精力一样多。这包括标题。如果你喜欢我的答案或者你从我的答案中得到任何帮助,别忘了考虑一下投票,并且通过点击右箭头来检查这个答案作为对你的最佳答案,谢谢!