FontAwesome显示问题

这两天遇到了以下几种问题：
1.图标不显示
2.图标显示乱码
3.图标显示方框

百度了许多，最后写的时候用过的方法如下：
比如：

https://blog.csdn.net/weixin_38941916/article/details/79206742

加上配置之后发现，背景图之类的都不显示了，百度之后再次修改配置文件，能够显示图标了，但是乱码。
多次修改配置，修改字体，修改charset等，但是仍然乱码，效果图如下。

最后觉得，会不会是我引用的css出现问题了，后来将引用改成如下链接之后，图标显示就正常了。

<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">

原本的引用为

<link rel="stylesheet" type="text/css" href="fontawesome/css/font-awesome.css">

改成下面引用之后就显示成功了。

<link rel="stylesheet" type="text/css" href="fontawesome/css/font-awesome.min.css">

虽然还没搞明白什么情况，但是问题解决了，如果有了解的可以交流一下。