字体图标的产生

字体图标主要用于显示网页中的一些小图标。

因为图片文件比较大，图片本身放大和缩小会失真，图片制作完成想要更换比较复杂，而字体图标的产生可以解决以上问题，字体图标就是iconfont。

字体图标在页面上显示的是图标，本质属于字体，可以随意更改文字大小还不会造成失真和颜色。

字体图标的优点

1.轻量级：一个图标字体要比一系列的图像小，一旦字体加载了图标就会立刻渲染出来，减少了服务器的请求。

2.灵活性：本质其实是文字，可以随意更改颜色和产生阴影、透明效果以及旋转等。

3.兼容性：几乎支持所有浏览器

1.字体图标的下载：阿里巴巴矢量图标中找到自己喜欢的图标，不要下载因为下载就是图片，点击加入购物车=>找到自己的购物车然后添加至项目，第一次需要新建项目=>添加项目后将会跳转到新界面，点击下载至本地按钮然后进行下载

2.字体图标引入到页面中：解压之后找到最后层级目录下的文件，拷贝至自己项目专门放字体图标的地方=>打开生成的文件中的demo_index.html按照步骤使用字体图标