font-awesome的使用方法及可能遇到的问题

font-awesome的使用方法及可能遇到的问题

font-awesome的使用方法及可能遇到的问题_第1张图片
官网下载font Awesome,解压文件目录如下:
font-awesome的使用方法及可能遇到的问题_第2张图片
新建一个html文件
将这两个文件夹复制到项目中
font-awesome的使用方法及可能遇到的问题_第3张图片
在html中引入文件:
在这里插入图片描述
在body中写入下面的语句:




显示如下:
在这里插入图片描述
问题一:显示不出图标
在这里插入图片描述
1.一定要加上

rel="stylesheet"
否则图标无法显示```

2.检查
在这里插入图片描述
中对fonts文件夹下的引用路径是否正确

你可能感兴趣的:(前端,javaweb)