前端好用的fontawesome矢量图标使用方法

图标网址搜索：https://fontawesome.com/icons?d=gallery
使用方法：
1.js方法：（推荐此方法）
（1）引用js
下载资源：

引用svg-with-js文件下的fontawesome-all.js文件：

js文件

或者引用cdn链接：

使用版本4的图标时需再引用一个兼容补丁文件：

（2）图标使用
在https://fontawesome.com/icons?d=gallery网址页中搜索需要的图标使用方法引用到html即可，

如删除图标： ，图示效果：

（只需一个js文件即可，方便）
2.css方法：
（1）引用css
引用资源文件web-fonts-with-css中的 ，同时需要将资源中webfonts字体文件放到合适位置，然后注意修改 fontawesome-all.css文件中引用字体的路径，修改成所放的位置即可。
css修改图示：

（2）图标引用（同js方法）