小白的iconfont图标的使用方法和一些个人心得

首先你要找到一个合适的矢量图片库（推荐以下：阿里的iconfont矢量图库---[官方网址：点击打开链接http://www.iconfont.cn/ 找到需要的icon]）

1. 第一次登陆没有账号的先注册，然后找到你需要的图标，鼠标放在上面会有这样的变化：

--------它的功能有：1.购物  2.收藏  3.下载  ______( 这里的不多作解释了，按照个人需求来选择) 

2.这里的我们要说的方法是加购物车，然后打包下载zip压缩包；

3.选择好图标并且右上角的购物车栏内确认是否是自己需要的东西，不需要可以删掉，不够可以在增加：

如图所示：

4. 下载好自后，如何使用呢？ 我也百度了看了以下方式，我知道的有很多人都写过，但是博主自己实验的为稳妥的方式：是下载下来自己使用的时候方便又快捷，（网上也有在线代码的教程）

5. 解压下载好的zip 发现这里的文件夹名字不是iconfont  那就要改一下 ，语义化的东西都比较用知道，防止自己回头在看的时候自己都不认识这是个啥…………所以最好改一下文件名字

这是unicode的方法使用就是如此简单：

第二种的fontClass 的方法 是在标签内 class名内写下这个class类名字：看图：

第三种：symbol 方式：可以参考：http://blog.csdn.net/athonyhaha/article/details/78814005 

三种中用的最多的是unicode 但是未来用的最多的是symbol 的方式，

unicode 和fontclass symbol 都是通过 font-size 控制大小，color调整颜色

。

在线引用url的时候可以在网站给的代码前面加上http

。

我想应该没有不会使用的吧，希望帮助到更多的人……