HI，小伙伴们你们好，今天秦美慧比较忙，抽个时间来说下关于Iconfont阿里巴巴图标使用方法，以及阿里巴巴图标使用方法图标,使用方法,矢量相关的问题，其他的废话在这里我也不说了，我们直接来进入正题吧！
直接上阿里巴巴图标使用教程，废话不啰嗦，Iconfont网站介绍看下面这篇介绍。
相关信息
阿里巴巴IconFont矢量字体图标库在线工具
在线工具
搞前端开发、UI设计的应该都知道这款阿里巴巴IconFont矢量字体图标库在线工具，是国产最大的矢量字体图标库了。而且使用非常人性方便，网站没有多余的内容，打开搜索即…
第一步：打开官网
阿里巴巴图标官网：https://www.iconfont.cn/
第二步：登录
登录方式支持微博、gethub、阿狸全系账号
第三步：新建一个项目
这一步也可以跳过，在后面添加Iconfont图标的时候新建，但是没有在项目里面新建详细。
点击我的项目
填写你的项目名称，前缀可以修改成自己的。
第四步：搜索自己需要的阿里巴巴图标
输入关键字搜索
第五步：添加到项目
点击购物车的按钮 ，添加到购物车
点击右上角的购物车，弹出购物车窗口，点击添加项目
第六步：下载阿里巴巴图标打包项目
找到刚刚的项目，点击下载到本地
第七步：网站调用阿里巴巴图标
直接复制下载项目里面的Iconfont.css的代码，到你的CSS文件内就可以了。
或者在你的CSS样式文件头部直接调用Iconfont.css也可以。
@import'../fonts/iconfont.css';
最后在需要调用的地方输入
iconfont为新建项目的时候设置的。
icon为前缀，如果修改过就改成自己的。
ss就是图标的命名。
好了，今天我就为大家说到这里，可以帮到大家也是一件非常开心的事情，看完了Iconfont阿里巴巴图标使用方法【详细介绍】还是不太懂？建议在阅读一遍。想要学习更多相关知识，可以收藏本站寂寞网哦！
本文发布者：站长老油条，不代表寂寞网立场，转载请注明出处：https://www.jimowang.com/p/5295.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 jimowangmail@126.com 举报，一经查实，本站将立刻删除。
