IconFont 图标

appreciate



.appreciate
check



.check
close



.close
edit



.edit
emoji



.emoji
favor_fill



.favorfill
favor



.favor
loading



.loading
location_fill



.locationfill
location



.location
phone



.phone
round_check_fill



.roundcheckfill
round_check



.roundcheck
round_close_fill



.roundclosefill
round_close



.roundclose
round_right_fill



.roundrightfill
round_right



.roundright
search



.search
taxi



.taxi
time_fill



.timefill
time



.time
unfold



.unfold
warn_fill



.warnfill
warn



.warn
camera_fill



.camerafill
camera



.camera
comment_fill



.commentfill
notification



.notification
order



.order
notification_fill



.notificationfill
like



.like
like_fill



.likefill
comment



.comment
same_fill



.samefill
same



.same
tag_fill



.tagfill
tag



.tag
deliver



.deliver
evaluate



.evaluate
pay



.pay
send



.send
shop



.shop
ticket



.ticket
wang



.wang
discover



.discover
list



.list
cascades



.cascades
back



.back
more



.more
my_fill



.myfill
my



.my
scan



.scan
settings



.settings
question_fill



.questionfill
question



.question
shop_fill



.shopfill
form



.form
wang_fill



.wangfill
pic



.pic
filter



.filter
footprint



.footprint
top



.top
pull_down



.pulldown
pull_up



.pullup
right



.right
refresh



.refresh
more_android



.moreandroid
delete_fill



.deletefill
refund



.refund
cart



.cart
qr_code



.qrcode
remind



.remind
delete



.delete
profile



.profile
home



.home
cart_fill



.cartfill
discover_fill



.discoverfill
home_fill



.homefill
message



.message
address_book



.addressbook
link



.link
lock



.lock
unlock



.unlock
vip



.vip
weibo



.weibo
activity



.activity
friend_famous



.friendfamous
friend_add_fill



.friendaddfill
friend_add



.friendadd
big



.big
explore



.explore
friend



.friend
goods



.goods
selection



.selection
tmall



.tmall
attention



.attention
present



.present
square_check_fill



.squarecheckfill
square



.square
square_check



.squarecheck
round



.round
round_add_fill



.roundaddfill
round_add



.roundadd
add



.add
notification_forbid_fill



.notificationforbidfill
attention_fill



.attentionfill
explore_fill



.explorefill
fold



.fold
game



.game
forward_fill



.forwardfill
share



.share
flashlight_close



.flashlightclose
flashlight_open



.flashlightopen
we_fill



.wefill
forward



.forward
recharge_fill



.rechargefill
redpacket



.redpacket
selection_fill



.selectionfill
similar



.similar
appreciate_fill



.appreciatefill
tao



.tao
mobile_tao



.mobiletao
info



.info
info_fill



.infofill
recharge



.recharge
vipcard



.vipcard
voice



.voice
voice_fill



.voicefill
friend_favor



.friendfavor
wifi



.wifi
we



.we
light_auto



.lightauto
light_forbid



.lightforbid
light_fill



.lightfill
camera_rotate



.camerarotate
light



.light
bar_code



.barcode
search_list



.searchlist
service



.service
sort



.sort
1212



.1212
down



.down
mobile



.mobile
mobile_fill



.mobilefill
copy



.copy
countdown_fill



.countdownfill
countdown



.countdown
notice_fill



.noticefill
notice



.notice
qiang



.qiang
upstage_fill



.upstagefill
upstage



.upstage
baby_fill



.babyfill
baby



.baby
brand_fill



.brandfill
brand



.brand
choiceness_fill



.choicenessfill
choiceness



.choiceness
clothes_fill



.clothesfill
clothes



.clothes
creative_fill



.creativefill
creative



.creative
female



.female
bad



.bad
pic_fill



.picfill
refresh_arrow



.refresharrow
camera_add



.cameraadd
male



.male
focus



.focus
friend_fill



.friendfill
keyboard



.keyboard
new_fill



.newfill
new



.new
camera_add_fill



.cameraaddfill
apps



.apps
paint_fill



.paintfill
pull_left



.pullleft
38



.38
rank_fill



.rankfill
pull_right



.pullright
rank



.rank
paint



.paint

第一步：使用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">&#x33;</i>