IconFont 图标
-
编辑󰀢.bianji
-
上传󰀣.shangchuan
-
列表󰀥.liebiao
-
音乐󰀶.yinle
-
图片󰁄.tupian
-
日历󰁣.rili
-
平板电脑󰁰.pingbandiannao
-
显示器󰂑.xianshiqi
-
正确󰂲.zhengque
-
错误󰂳.cuowu
-
帮助󰂸.bangzhu
-
警告󰂷.jinggao
-
目录󰃡.mulu
-
排序󰄑.paixu
-
向左󰄒.xiangzuo
-
向上󰄓.xiangshang
-
向右󰄔.xiangyou
-
首页󰄫.shouye
-
搜索󰄬.sousuo
-
用户󰄭.yonghu
-
分享󰄯.fenxiang
-
撤销󰄺.chexiao
-
重做󰄻.zhongzuo
-
设置󰄾.shezhi
-
赞扬󰄼.zanyang
-
删除󰄿.shanchu
-
收藏󰅄.shoucang
-
位置󰅊.weizhi
-
加󰅔.jia
-
错误󰅕.cuowu1
-
正确󰅖.zhengque1
-
附件󰅛.fujian
-
刷新󰅜.shuaxin
-
大缩略图列表󰅟.dasuolvetuliebiao
-
列表󰅡.liebiao1
-
下载󰅣.xiazai
-
发送邮件󰅥.fasongyoujian
-
编辑模板󰅨.bianjimoban
-
向右󰅭.xiangyou1
-
向左󰅮.xiangzuo1
-
向上󰅯.xiangshang1
-
向下󰅰.xiangxia
-
加󰅵.jia1
-
减󰅶.jian
-
购物车满󰅸.gouwucheman
-
购物车空󰅹.gouwuchekong
-
放大󰆹.fangda
-
缩小󰆸.suoxiao
-
播放󰇋.bofang
-
电话󰇯.dianhua
-
html5󰇮.html5
-
向下󰊩.xiangxia1
-
向上󰊪.xiangshang2
-
向右󰊯.xiangyou2
-
排序󰋯.paixu1
-
设置󰋭.shezhi1
-
定向󰌇.dingxiang
-
返回󰊒.fanhui
-
其它󰅁.qita
-
减󰅓.jian1
-
向左󰆨.xiangzuo2
-
向右󰆩.xiangyou3
-
向上󰆣.xiangshang3
-
向下󰆦.xiangxia2
-
通知󰇄.tongzhi
-
qq󰇇.qq
-
脚印󰉿.jiaoyin
第一步：使用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#iconfont') format('svg'); /* iOS 4.1- */
}
第二步：定义使用iconfont的样式
.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;}
第三步：挑选相应图标并获取字体编码，应用于页面
<i class="iconfont">3</i>