自己项目中用到了第三方登录的功能,来记录下怎么添加第三方登录的图标。
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>