一淘UX图标
-
编辑󰀢
-
对话框󰁦
-
平板电脑󰁰
-
笔记本󰂧
-
对话󰂮
-
推荐󰂯
-
正确󰂲
-
错误󰂳
-
警告󰂷
-
API接入󰃑
-
排序󰄑
-
向右󰄔
-
搜索󰄬
-
分享󰄯
-
删除󰄿
-
查找用户󰅌
-
加󰅔
-
错误󰅕
-
下载󰅣
-
编辑模板󰅨
-
向右󰅭
-
向左󰅮
-
加󰅵
-
退格󰆖
-
左上󰆢
-
向上󰆣
-
向下󰆦
-
向左󰆨
-
向右󰆩
-
html󰇂
-
播放󰇋
-
html5󰇮
-
㐲
收藏夹㐲
-
㑍
全部㑍
-
㑎
文章㑎
-
㑏
图片㑏
-
㑓
摄影旅行㑓
-
㑞
数码㑞
-
㑧
上传㑧
-
㔂
图片㔂
-
删除󰊚
-
直播间󰀇
第一步：使用font-face声明字体
@font-face {font-family: 'iconfont';
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome、firefox */
url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
第二步：定义使用iconfont的样式
.iconfont{font-family:"iconfont";font-size:16px;font-style:normal;}
第三步：挑选相应图标并获取字体编码，应用于页面
<i class="iconfont">3</i>