html引入font-awesome的css文件后， 图标只显示方框

首次使用font-awesome，并且没人教，就安装官网的新手入学来操作！！

没想到还没开始操作就出现了问题！！实在是难受啊！！通过的网上搜索，一直看不懂意思！傻傻一脸懵逼的样子o(╥﹏╥)o ！

经过一个小时的努力理解终于找到了问题的所在！(#^.^#)

问题所在：

首先从官网上看到的是这样的！！我这样的方式引入！！

然后随便找个图标复制源码：

<i class="fa fa-bath fa-4x" aria-hidden="true"></i>嘿嘿

运行：

检查css的路径没有问题

 

就是因为这个问题，我绞尽脑汁，我一直以为是css的路径出现了问题，我一直更改路径，可是最后还是不可行！！

最后终于知道了解决的方法：

原来除了引入css样式外，还需要导入fonts的文件夹里面的文件o(╥﹏╥)o ,为什么官网没有出给这个解释啊！！

需要注意的是：css和fonts的目录是要同级，不然也不会生效的！

导入后重新运行一下代码就可以了！！