iconfont图标怎么用

iconfont图标怎么用

iconfont图标怎么用

1.找到图标管理->我的项目->然后新建项目:

2.右边点击新建项目,用于保存自己常用的图标;

3.项目新建完成后,往项目里添加我们要想使用的图标,找到图标库,搜索一个想要的图标,然后添加到购物车;

4.我现在将第一个安卓图标加入我的项目,点击加入购物车

5.添加到购物车完成后,购物车徽章数字应该显示1了,点击右上角的购物车图标,选择添加至项目,选择我们刚刚创建的项目,确定;

6.自动跳转到对应的项目里了,如图:

7.接下来一部比较关键,将打包好的字体文件下载到本地添加到你的项目中,在项目中引用文件中的iconfont.css文件;

8.下载下来解压后的文件如下

9.强调一次,把上面这些文件都放在一个文件夹内，然后放在你的项目目录中,再在你的项目中引入iconfont.css文件

10.到了最后一步了,如何在项目中使用字体图标呢,其实很简单,创建一个i标签或者span标签,添加两个类名,一个固定的是iconfont,另一个是你想要的那个图标对应的类名:

11.具体代码如下: