IconFont 图标
-
appreciate.appreciate
-
check.check
-
close.close
-
favor_fill.favorfill
-
favor.favor
-
loading.loading
-
location.location
-
round_check_fill.roundcheckfill
-
round_check.roundcheck
-
round_close_fill.roundclosefill
-
round_close.roundclose
-
unfold.unfold
-
comment.comment
-
deliver.deliver
-
pay.pay
-
send.send
-
back.back
-
my.my
-
settings.settings
-
question.question
-
pic.pic
-
top.top
-
pull_down.pulldown
-
pull_up.pullup
-
right.right
-
refresh.refresh
-
refund.refund
-
cart.cart
-
delete.delete
-
home.home
-
message.message
-
lock.lock
-
unlock.unlock
-
friend_add.friendadd
-
round.round
-
fold.fold
-
info.info
-
share.share
-
search_list.searchlist
-
mobile.mobile
-
people.people
-
attention_fill.attentionfill
-
attention.attention
-
command.command
-
火热.huore
-
3.1-搜索.31sousuo
-
3.1 设置.31shezhi
-
post.post
-
write.write
-
radio_box_fill.radioboxfill
-
add.add
-
move.move
第一步:使用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>