学习记录|iconfont字体图标使用

图标库地址：iconfont阿里巴巴矢量图标库

项目化下载：选择喜欢的图标 > 添加入库（加入购物车）

已添加的图标会被虚线框起，全部图标添加完毕后点击右上购物车 

点击添加至项目，然后选择要使用图标的项目，没有项目则点击‘“加入项目”右边图标新建一个。然后下载至本地，拿到图标压缩包。

使用：

将下载好的压缩包解压重命名，添加进项目文件中。此处例子将文件重命名为iconfont

使用图标的HTML页面头部添加link标签引入iconfont.css文件。

使用方法有两种，一种Unicode编码引用，一种类名引用。demo_index.html网页查看字体图标对应的Unicode编码或类名编码。

 Unicode引用时直接用标签包含Unicode编码，在css中给标签添加“font-family: 'iconfont';”样式，否则图标显示为小方框。

类名引用时给标题添加两个类，第一个为固定类iconfont，第二个为字体图标对应的类名。