iconfont矢量图标库入门教程
- 搜索网址 https://www.iconfont.cn
. - 在iconfont网站绑定自己的github或者微博账号
. - 寻找自己需要的图标并添加到购物车(尽量选择纯色)
. - 添加完毕之后,打开自己的购物车
. - 把购物车中的图标添加到项目中(如果没有可以新建项目,新建之后确定就可以啦)
. - 修改图标的信息,包括大小和类名
. - 修改完毕之后下载到本地并解压。
- 把需要的字体文件和样式文件拷贝到自己的项目中
-
- 在项目中修改iconfont样式文件,使其可以找到字体文件
- 使用i标签引入图标,必须使用iconfont基类,然后在添加私有类名