首先，在阿里巴巴iconfont网站中找到你想要的图标
阿里巴巴iconfont图标地址
并把喜欢的图标添加进购物车，然后添加进项目中，如下图所示
然后，在我的项目中找到对应的项目，点击更多操作中的编辑项目
修改Symbol 前缀，注意框架的图标前缀的冲突（不要一样）
然后，点击生成Sumbol 代码链接
点击批量操作，勾选全选，点击批量去色，方便后期统一修改图标颜色
点击生成最新的Symbol 代码js
使用方法：点击顶部导航条中的帮助下的代码应用，仔细阅读web端使用
Iconfont的web端总共有四种使用方法：
第一种：icon的单个使用（png,ai,svg）
第二种：unicode引用
第三种：font-class引用
第四种：symbol引用
以下重点讲第四种symbol的引用：
简介
<script type="text/javascript" src="http://at.alicdn.com/t/font_8d518fzk5b87iudi.js">
注意！vue 如果没有.html入口文件要用以下方式追加引用symbol代码
vue 引用symbol代码
点击复制代码
替换蓝色框内
网友评论