iconfont.cn 阿里出品的矢量图标库

共计 646 个字符，预计需要花费 2 分钟才能阅读完成。

Iconfont.cn 是阿里巴巴推出的矢量图标库，其中涵盖了 1000 多个常用图标，并在持续更新中。（目前已有 7000+ 图标，部分图标为用户上传，因此默认不公开，但是可以搜索到。）

 

Iconfont 提供以下功能：

• 在线图标搜索
• 图标分捡下载
• 在线储存
• 矢量格式转换
• 图标库管理

iconfont 的优势

• 自由变化大小（高清屏无压力）
• 自由修改颜色（纯色）
• 可以添加一些视觉效果如：阴影、旋转、透明度

iconfont 使用

1. 声明字体

   @font-face {font-family: ‘iconfont’;
   src: url(‘iconfont.eot’); /* IE9*/
   src: url(‘iconfont.eot?#iefix’) format(‘embedded-opentype’), /* IE6-IE8 /
   url(‘iconfont.woff’) format(‘woff’), / chrome、firefox /
   url(‘iconfont.ttf’) format(‘truetype’), / chrome、firefox、opera、Safari, Android, iOS 4.2+/
   url(‘iconfont.svg#iconfont’) format(‘svg’); / iOS 4.1- */
   }
   `

2. 定义样式

   `.iconfont{font-family:"iconfont";font-size:16px;font-style:normal;}`

3. 选择图标、获取字体编码，应用于页面

   `<i class="iconfont">&#33</i>