自己项目中用到了第三方登录的功能,来记录下怎么添加第三方登录的图标。
1.寻找合适的图标库
我这里是用阿里的iconfont矢量图标,官方网址:http://www.iconfont.cn/
2.添加图标,下载到本地,解压
![]()
这是解压后的目录:
![]()
3.将iconfont.css导入到你的css文件。
把url中的文件拷贝到CSS能访问到的路径![]()
4.html代码中直接引用
<i class="iconfont icon-qq1"></i>
自己项目中用到了第三方登录的功能,来记录下怎么添加第三方登录的图标。
我这里是用阿里的iconfont矢量图标,官方网址:http://www.iconfont.cn/
![]()
![]()
把url中的文件拷贝到CSS能访问到的路径![]()
<i class="iconfont icon-qq1"></i>