web字体图标(font-icon)

字体图标能提供可以直接使用CSS修改的可缩放的矢量图标，可以修改的内容包括图标的大小、颜色、阴影等这些CSS的力量能做到的一切。
可以借阿里图标库的力O(∩_∩)O~：http://www.iconfont.cn/

1、先打开阿里巴巴矢量图网站

2、搜索你分类的关键字—然后加入购物车，这个是免费的

2、下载到本地

下载到本地，然后解压。会将合并后的字体文件及自动生成的css全部下载

3、看demo学如何把字体图标用起来(有3种方式，随自己喜欢)

4、把下载下来的文件导入项目工程里
如图：

然后即可引用刚生成的字体图标代码如下：
引入:

<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>

html代码：

<a>
    <span class="iconfont icon-hetongguanli-"></span>
    <span class="write">写文章</span>
</a>

Tip: 如果是自己在iconfont上传的svg生成的图标，可以自己设置’icon-xxx’名