阿里巴巴图标字体库:https://www.iconfont.cn/


1、下载你需要的图标字体
图标字体的使用
下载后解压:
图标字体的使用

2、把上面这些文件都放在一个文件夹内,然后放在你的项目目录中,再在你的项目中引入iconfont.css文件
图标字体的使用
3、创建一个i标签或者span标签,添加两个类名,一个固定的是iconfont,另一个是你想要的那个图标对应的类名
图标字体的使用
效果:
图标字体的使用

4、修改图标颜色和大小
图标字体的使用

效果:
图标字体的使用

相关文章: