字体真棒字体未加载，在 HTML 中显示正方形

【问题标题】：Font awesome fonts are not loading, showing squares in HTML字体真棒字体未加载，在 HTML 中显示正方形
【发布时间】：2020-04-13 22:31:50
【问题描述】：

我最近从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

【问题讨论】：

为了清楚起见，请编辑您的帖子以引入标点符号（句子）、段落和其他格式。在你的英语上投入和你对代码一样多的努力。这包括标题。

标签： html css bootstrap-4 font-awesome webfonts

【解决方案1】：

原网站没有使用CDN，而是使用了font-awesome的封装。

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

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

https://fontawesome.com/download

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

现在将 all.min.css or all.css 与您的 HTML 文件链接，并将您的文件夹放在您之前的确切位置 all.min.css or all.css，我将提供一个示例文件夹结构来了解我的意思。

示例文件夹结构

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

【讨论】：

如果您喜欢我的回答或者您从我的回答中得到任何帮助，请不要忘记考虑投票并通过单击右箭头将此答案作为您的最佳答案，谢谢！