Font awesome 字体未加载，在 HTML 中显示方块

Question

我最近从 HTTRACTs 克隆了该网站，但它似乎有一个问题，整个页面上的 Facebook 和 Instagram 等图标看起来像正方形，当我在检查元素中打开时，错误日志显示Failed to load resource: net::ERR_FILE_NOT_FOUND 但是文件在那里并且路径是正确的我也输入了

的代码

@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

但这也行不通，请帮帮我。

Error messages which I am getting

Answer 1

原站没有用CDN，用的是font-awesome包

它要求 .woff and .ttf 个文件，您可以使用以下解决方案添加它。

从 font-awesome 下载 zip（网络免费）

https://fontawesome.com/download

当你得到 zip 文件后，解压它，现在你得到了太多文件，你需要一个文件夹 webfonts 和一个文件 all.min.css or all.css.

现在 link all.min.css or all.css 使用您的 HTML 文件并将您的文件夹放到您 all.min.css or all.css 之前的确切位置，我将给出一个示例文件夹结构以了解这行是什么意思。

示例文件夹结构

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

Font awesome 字体未加载，在 HTML 中显示方块

Font awesome fonts are not loading, showing squares in HTML

html

css

bootstrap-4

font-awesome

webfonts