字体图标

优点

1.它是一个文本内容，矢量图，放大不会失真
2.它是文本，所以可以按照文本样式进行设置

使用方法

百度搜索iconfont进入阿里巴巴矢量图标库--选择图标----添加入库--点击购物车--添加至项目--下载

• 没有项目就默认创建一个noname项目
• 建议自己创建一个项目
• 阿里巴巴矢量图标库---使用时元素需要添加两个类名
• icomoon---使用时元素只需添加一个类名

使用--类名使用法

• 阿里巴巴---
  1.用link标签引入iconfont.css文件；
  2.用i标签承接字体图标，

调用两个样式，一个指定字体，一个指定图标

在线图标库

• 将图标添加到项目，项目会有一个对应的地址
• 好处
  1.不用将图标的资源文件下载到本地，减少本地项目的体积，为以后的项目上线打包做准备
  2.如果添加新的图标，不用再重新下载覆盖