阿里巴巴iconfont怎么是正确的使用方式?
2017-08-30 15:33
344 查看
1.首先在Iconfont-阿里巴巴矢量图标库上面将你需要的图标点击购物车按钮加入“暂存架”
2.选择完所有要用的图标后“存储为项目”,给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目,获取在线链接,把里面的代码复制到CSS中。
3.在HTML中需要使用到图标时,使用iconfont类名。
4.然后你可以通过控制iconfont类的属性改变图标的样式,比如:
2.选择完所有要用的图标后“存储为项目”,给它命名。然后在“图标管理”-“图标应用项目”中找到这个项目,获取在线链接,把里面的代码复制到CSS中。
3.在HTML中需要使用到图标时,使用iconfont类名。
<i class="iconfont"></i>
4.然后你可以通过控制iconfont类的属性改变图标的样式,比如:
.iconfont{ font-family:"iconfont"; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; padding-left:20px }
相关文章推荐
- 阿里巴巴iconfont的正确使用方式
- 阿里巴巴iconfont的正确使用方式
- 阿里巴巴iconfont使用方式
- 20180122-阿里巴巴iconfont使用方式
- 阿里巴巴iconfont使用方式
- 阿里巴巴iconfont使用方式
- iconfont怎么用,4000个iconfont字体图标库使用教程
- Android 开发中 阿里巴巴矢量图标库 IconFont的使用详解
- iconfont的三种使用方式详解
- iconfont 怎么在项目中使用图标库
- 新版Iconfont-阿里巴巴矢量图标库支持三种引用方式
- Ionic使用Iconfont-阿里巴巴矢量图标库
- 使用阿里巴巴图标库生成iconfont字体图标
- 关于阿里图标库Iconfont生成图标的三种使用方式(fontclass/unicode/symbol)
- 在vue项目中正确使用iconfont的方法
- Android:使用矢量图标(iconfont方式)
- 阿里巴巴iconfont的简单使用
- 关于阿里图标库Iconfont生成图标的三种使用方式(fontclass/unicode/symbol)
- WPF使用矢量字体图标(阿里巴巴iconfont)
- 如何在HTML中使用图标字体 - icon font?