阿里云矢量图标使用

前提需要：
打开阿里图标官网http://www.iconfont.cn/plus  注册登录（微博/github登录即可）

一、本地引用
1、引入iconfont的css
<link rel="stylesheet" type="text/css“  href="font/iconfont.css">
2、设置class属性
<i class="iconfont icon-weixin1"></i>
3、设置样式
<i class="iconfont icon-weixin1" style="font-size: 30px; color: red;"></i>

二、在线引用
1、生成http域名地址并引入
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_uj101bok759afw29.css">
2、复制图标类名并设置class属性
<p><i class="iconfont icon-weixin1" ></i>微信</p>
3、设置样式
<i class="iconfont icon-weixin1" style="font-size: 30px; color: red;"></i>

阿里云图标的使用用i包裹，font来更改样式。像设置字体一样更改size和color即可。