前言 　　近日在做项目时，项目组有提出iconfont的技术，便开始查询相关资料。iconfont技术的主要目的是为减少应用体积而生。首先icon代表图标 font代表字体。此技术便是将图标转化为字体，从而达到减小应用体积的目的(这样避免了@2X图和@3X图的使用，只需要一个字体图标就可搞定 ...

在iOS的开发中，各种图标的使用是不可避免的，如果把全部图标做成图片放在项目中，那么随着项目的逐渐庞大起来，图片所占的地方就会越来越大，安装包也就随之变大了，如果图标需要根据不同的场景改变使用不同的颜色，那么，如果做成图片就需要多张不同颜色的图片，对于能更换皮肤的APP来说，安装包也就会更大 ...

首先你要有一个图标库的账号，我们使用的是阿里矢量图标库，其次你要有一套已经设计好的图标原图。如果你具备了这些，就可以和我一起看iconfont的使用姿势了。 写在前面 不结合其他矢量库或UI框架一起使用的方法，可以参照官网的指示进行操作：http://iconfont.cn/plus ...

　 iconfont 技术的主要是将图标转化为字体来减少应用体积。如需在项目中使用iconfont技术，图标矢量图一开始都应合并转化为字体库。 优点： 减小体积，字体文件比图片要小 图标保真缩放，解决2x/3x乃至将来的nx图 ...

layui的图标取自于阿里巴巴的矢量图标库 Iconfont，同样的，这篇教程也是基于Iconfont进行扩展。 第一步，通过浏览器打开 http://iconfont.cn/ ，访问阿里巴巴矢量图标库。 第二步，通过右上角的用户图标，授权登陆一个账号，在此我选择使用Github作为登陆账号 ...

我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!之前看了一波教程,觉得繁琐,自己弄明白后感觉如此简单,做了这么个简单教程,直接上图,简单粗暴,避免新手走弯路,这里讲解的默认 ...

iconfont对于前端应用来说有很多便捷： 1、自由变化大小 2、自由修改颜色 3、可以添加一些视觉效果如：阴影、旋转、透明度。 4、兼容IE6 在线引用和下载到本地两种方法 一。在线引用 图标的制作和上传可以参照官网 ...

一、准备阶段： 　　a.进入阿里巴巴矢量图标库www.iconfont.cn挑选所需的图标，加入购物车 　　　 　　b.点击网页中的购物车下载代码 　　 二、3种方法实现 Iconfont 的HTML显示 Unicode 引用 Unicode 是字体在网页端最原始的应用方式 ...