IconFont 图标
-
提示.tishi
-
星标.xingbiao
-
round_check_fill.roundcheckfill
-
round_check.roundcheck
-
round_close_fill.roundclosefill
-
round_right_fill.roundrightfill
-
round_right.roundright
-
star.iconfontstar
-
菜单-01.caidan01
-
定位.locationfill
-
提示.tishixinxi
-
水滴hover.shuidihover
-
默认图.moren
-
密码.mima
-
back.back
-
Category.category
-
close.close
-
delete.delete
-
less.less
-
more_unfold.moreunfold
-
more.more
-
add.add
-
更新.gengxin
-
关于.guanyu
-
地址管理.iconfont0404
-
验证码.code
-
放大镜.fangdajing
-
basket.basket
-
endcall.endcall
-
关闭.guanbi
-
下载.xiazai
-
咨询.zixun
-
点滴.diandi
-
记录.jilu
-
github.github
-
笑脸.jiaoyichenggong
-
哭脸.wushuju
-
dpj.dpj
-
home.home
-
meun.menu
-
mrmf.mrmf
-
sh.sh
-
查看.check
-
用户-icon.user
-
yun.yun
-
pic.pic
-
待发货.dfh
-
grid.grid
-
female.female
-
male.male
-
Calendar.calendar
-
Envelope.envelope
-
Friends.friends
-
Notebook.notebook
-
Settings.settings
-
Volume.volume
-
chart.chart
第一步:使用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>