Iconfont

聊一聊 iconfont 简述 iconfont把图标用字体的形式出现把大量的图标变成了一个字体文件，缩小了申请数，而且无效减小申请体积。当一个网页有本人的图标字体库之后，能够复用在很多中央，缩小很多二次开发老本 为什么应用iconfont?1.兼容性最好，反对ie6+2.矢量图形，可伸缩 应用形式1.登录:http://www.iconfont.cn/ 2.找到图标治理->我的我的项目->新建我的项目点击新建我的项目,用于保留本人罕用的图标 3.我的项目新建实现后,往我的项目里增加咱们想应用的图标，搜寻想要的图标,而后增加到购物车 4.增加到购物车实现后,点击右上角的购物车图标,抉择增加至我的项目,抉择刚刚创立的我的项目,确定 5.将打包好的字体文件下载到本地增加到你的我的项目中,在我的项目中援用文件中的iconfont.css文件 6.把下载的文件都放在一个文件夹内,而后放在我的项目目录中,再在我的项目中引入iconfont.css文件,或将iconfont.css文件里的内容复制粘贴到你以后我的项目的css内容里 7.创立一个i标签或span标签,增加两个类名,一个固定的是iconfont,另一个是你想要的那个图标对应的类名 // 批改大小可通过 style <i class="iconfont icon-xxx">