• 域名认证
  • 作品:144
  • 案例:19|
  • 教程:7340|
  • 资讯:500|
  • 资源:364|
  • 总访问量:1097222|

导航菜单
酷讯网络工作室_源码交易平台,源码商城,网站定制开发,免费模版下载,网络技术服务,微信应用开发,小程序开发,贵州网络技术欢迎你.
Iconfont阿里巴巴图标使用方式

Iconfont阿里巴巴图标使用方式

作者/ admin2016

Iconfont阿里巴巴图标使用方式

作者/ admin2016

直接上阿里巴巴图标使用教程,空话不烦琐,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就是图标的命名。

关于酷讯站长

兴趣是最好的老师,既然选择了这个行业,不管有多乏味枯燥,我都要一如既往的做好我的工作 ...[更多]

E-mail:240870160@qq.com
QQ:240870160
微信号:
bndy110
用手机阅读《Iconfont阿里巴巴图标使用方式》

扫描用手机阅读此文
支持Android/iPhone

退出阅读 | 首页