在自己写项目的时候经常会涉及到页面的布局，还有图标字体的使用。当时发现了iconfont这个神奇，所以写一篇这个博文推荐给大家。 iconfont官网传送门：http://www.iconfont.cn/ 下面进入正题： 　第1步 进入百度，输入 iconfont.然后点进去。首页就会有好多 ...

　　我们在做web项目的时候，之前比较常用的是bootstrap,所以使用font awesome字体图标比较多,无意中在一个项目中接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!今天就写个文章介绍下： 　　阿里图标官方地址： http://iconfont ...

目前项目开发都是vue+element-ui模式，由于elementUI的icon图标库种类不多又不好看，所以基本不使用其自带的图标。一般都是引入第三方的图标资源，例如：fontawesome、或者阿里巴巴的iconfont。由于fontawesome的使用，会使得会全部下载所有的图标信息 ...

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

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

1.附阿里图标库链接：http://www.iconfont.cn/ 2.登录阿里图标库以后，搜索我们需要的图标，将其加入购物车，如图3.将我们需要的图标全部挑选完毕以后，点击购物车图标4.这时候右侧会出现一个预览窗口，显示我们前面加入购物车的那些图标，我们选择页面中的下载代码 5. ...

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

或者span标签，并添加两个类名：一个固定的是iconfont，另一个是自己下载的图标对应的类名 基本 ...