Iconfont图标

首先,在阿里巴巴iconfont网站中找到你想要的图标
阿里巴巴iconfont图标地址

并把喜欢的图标添加进购物车,然后添加进项目中,如下图所示

然后,在我的项目中找到对应的项目,点击更多操作中的编辑项目

修改Symbol 前缀,注意框架的图标前缀的冲突(不要一样)

然后,点击生成Sumbol 代码链接

点击批量操作,勾选全选,点击批量去色,方便后期统一修改图标颜色

点击生成最新的Symbol 代码js

使用方法:点击顶部导航条中的帮助下的代码应用,仔细阅读web端使用

Iconfont的web端总共有四种使用方法:

第一种:icon的单个使用(png,ai,svg)

第二种:unicode引用

第三种:font-class引用

第四种:symbol引用


以下重点讲第四种symbol的引用:

简介

你可能感兴趣的:(Iconfont图标)