温馨提示 购买本站程序严禁用于各种非法用途,否则,后果自负!售后QQ群:67544576,有什么问题可以联系我们,也可以和群内朋友交流沟通!交流请不要违反国家法律法规!

您当前的位置:首页 > 运营经验 > 建站经验

Iconfont阿里巴巴图标使用方式

来源: 发布时间:2021-07-30 08:16:07热度:

直接上阿里巴巴图标使用教程,空话不烦琐,Iconfont网站先容看下面这篇先容。

相关信息
阿里巴巴IconFont矢量字体图标库在线工具
在线工具

搞前端开发、UI设计的应该都知道这款阿里巴巴IconFont矢量字体图标库在线工具,是国产最大的矢量字体图标库了。而且使用异凡人性利便,网站没有多余的内容,打开搜索即...

第一步:打开官网

阿里巴巴图标官网:https://www.iconfont.cn/

第二步:登录

登录方式支持微博、gethub、阿狸全系账号

第三步:新建一个项目

这一步也可以跳过,在后面添加Iconfont图标的时刻新建,然则没有在项目内里新建详细。

点击我的项目

填写你的项目名称,前缀可以修改成自己的。

第四步:搜索自己需要的阿里巴巴图标

输入要害字搜索

第五步:添加到项目

点击购物车的按钮 ,添加到购物车

点击右上角的购物车,弹出购物车窗口,点击添加项目

第六步:下载阿里巴巴图标打包项目

找到刚刚的项目,点击下载到内陆

第七步:网站挪用阿里巴巴图标

直接复制下载项目内里的Iconfont.css的代码,到你的CSS文件内就可以了。

或者在你的CSS样式文件头部直接挪用Iconfont.css也可以。

@import '../fonts/iconfont.css';

最后在需要挪用的地方输入

<i class="iconfont icon-ss"></i>

iconfont为新建项目的时刻设置的。

icon为前缀,若是修悔改就改成自己的。

ss就是图标的命名。

转载请注明来源网址:https://www.60zhan.cn/showinfo-48-4832-0.html