关于iconfont:聊一聊-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">