1.注册一个账号
2.图标管理-->我的项目-->新建一个项目
3.将所需图标加入购物车-->添加到我的项目-->选择需添加到的项目
4.打开我的项目-->点击添加至本地
5.将里面的字体文件拷贝到项目中（iconfont.woff，iconfont.ttf，iconfont.svg，iconfont.eot）
6.将里面的css文件加入到项目中（iconfont.css）
7.在iconfont.css中修改引入字体文件的路径。
8.在main.js中引入iconfont.css文件，即可在项目中应用iconfont图标了。
给需要显示的iconfont图标的标签中加入一个类名为iconfont的标签，将图标代码放于标签中。
<div class="headerLeft">
<span class="iconfont back"></span>
</div>
IconFont-阿里巴巴矢量图标库 网址 具体使用方法
阿里矢量图标库：http://www.iconfont.cn/ 登录iconfont，我使用的事Github账号进...
Iconfont-阿里巴巴矢量图标库
为什么要使用阿里巴巴矢量图标库 Iconfont？ Iconfont 提供了近百万的图标，并且有多种使用方式 使用...
【链接】Iconfont-阿里巴巴矢量图标库 http://iconfont.cn/collections
.一、登录阿里云矢量图标库 登录阿里云矢量图标库官网[https://www.iconfont.cn/]，搜索自己...
在iconfont收集图标 iconfont-阿里巴巴矢量图标库[https://www.iconfont.cn/...
在线iconfont的使用方法 阿里巴巴矢量图标库http://www.iconfont.cn/ 注册账户登陆 搜...
Iconfont - 阿里巴巴矢量图标库https://www.iconfont.cn/ 站酷(ZCOOL) - ...
为什么使用阿里巴巴矢量图标库Iconfont Iconfont提供了近百万数量的图标,并且有多种使用方式 我们要使...
本文标题：页面使用阿里矢量图标库iconfont
本文链接：https://www.haomeiwen.com/subject/wiwdkctx.html
网友评论