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

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

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

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

问题所在:

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

html引入font-awesome的css文件后, 图标只显示方框_第1张图片

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

嘿嘿

运行:

html引入font-awesome的css文件后, 图标只显示方框_第2张图片

检查css的路径没有问题

html引入font-awesome的css文件后, 图标只显示方框_第3张图片

 

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

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

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

html引入font-awesome的css文件后, 图标只显示方框_第4张图片

需要注意的是:css和fonts的目录是要同级,不然也不会生效的!

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

html引入font-awesome的css文件后, 图标只显示方框_第5张图片

 

 

 

 

 

 

你可能感兴趣的:(HTML5,html5,css3)