iconfont矢量图标库入门教程

iconfont矢量图标库入门教程

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