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

1.webpack安装相关依赖 2.配置webpack.config.js 3.入口文件引入 4.打包后生成的图标字体 5.显示结果如下： 详情请参考：http://fontawesome.io/ ...

今天用iconfont遇到了字体图标的使用问题。关于使用字体图标的方式在这里有介绍三种方式（css和js的引入和平时一样） 首先你要分清是用单个字体图标icon,还是多个字体图标icon 关于使用代码的下载方式(一般都是使用多个字体图标) 单个字体图标icon: 一：搜索你想要的字体图标 ...

　　一、准备工作 　　1、首先，进入阿里的矢量图标库，在这个图标库里面可以找到很多图片资源，当然了需要登录才能下载或者使用，用GitHub账号或者新浪微博账号登录都可以 　　2、登录以后，可以搜索自己需要的资源，然后直接下载使用，或者建立图标库然后再使用，例如这里以删除的图标为例 ...

　　今天要使用到 nvue 页面，在使用过程中发现 iconfont 图标不好使了，这里记录一下如何在 nvue 页面中引入使用 iconfont 图标。 1、JS部分 2、文本部分 　　这里需要注意 2 点： （1）nvue页面中文字只能使用 <text>< ...

1、首先打开阿里巴巴字体图标库：https://iconfont.cn，输入需要查找的字体图标，比如现在需要一个购物车的图标，那么你可以输入gouwuche，也可以输入cart，都可以找到想要的购物车图标。 2、在搜索到的图标中选择自己需要的，点击图标上的购物车按钮 ...

转载于https://www.cnblogs.com/hjvsdr/p/6639649.html 我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!之前看了一波教程,觉得繁琐 ...

1、保存到购物车，下载到本地 网站地址：https://www.iconfont.cn 2、导入项目 下载后，解压到自己新建的iconfont文件夹下： 项目列表： iconfont文件夹放到项目目录中,然后引入iconfont.css文件，路径要正确 创建一个i标签 ...