阿里iconfont图标使用
2017-09-29 17:21
686 查看
1.先登录阿里图标
http://www.iconfont.cn
2.加入购物车定制自己的项目图标
3.下载或者使用网络资源,在iconfont.css可以查看到自己要的图标
4.使用iconfont字体库
http://www.iconfont.cn
2.加入购物车定制自己的项目图标
3.下载或者使用网络资源,在iconfont.css可以查看到自己要的图标
@font-face { font-family: 'iconfont'; src: url('http://at.alicdn.com/t/font_1474796923_6082804.eot'); /* IE9*/ src: url('http://at.alicdn.com/t/font_1474796923_6082804.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://at.alicdn.com/t/font_1474796923_6082804.woff') format('woff'), /* chrome、firefox */ url('http://at.alicdn.com/t/font_1474796923_6082804.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('http://at.alicdn.com/t/font_1474796923_6082804.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
4.使用iconfont字体库
相关文章推荐
- 关于阿里图标库Iconfont生成图标的三种使用方式(fontclass/unicode/symbol)
- Vue、Element-ui项目中如何使用Iconfont(阿里图标库)
- 关于阿里图标库Iconfont生成图标的三种使用方式(fontclass/unicode/symbol)
- 阿里妈妈字体图标(iconfont)使用介绍
- 阿里图标库 iconfont字体图标的使用方法
- Iconfont 图标库在Android项目中的使用
- 在iOS开发中使用iconfont图标
- 如何在HTML中使用图标字体 - icon font?
- 如何在HTML中使用图标字体 - icon font?
- 如何在HTML中使用图标字体 - icon font?
- Swift使用iconfont图标
- 基于wepy框架小程序iconfont矢量图标使用及坑
- 做小图标还用sprite图?你out了!史上最简单易懂iconfont使用教程
- PC端使用iconfont图标
- mac上小程序使用iconfont字体图标
- iconfont字体图标的使用
- Android 开发中 阿里巴巴矢量图标库 IconFont的使用详解
- iconfont字体图标的使用
- 如何在HTML中使用图标字体 - icon font?
- iconfont字体图标的使用