IconFont 图标

手机



.shouji
分享



.fenxiang
个人中心



.gerenzhongxin
列表视图



.liebiaoshitu
icon-竖杠



.iconshugang
大图列表



.datuliebiao
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
warn_fill



.warnfill
warn



.warn
camera_fill



.camerafill
camera



.camera
comment_fill



.commentfill
comment



.comment
notification_fill



.notificationfill
notification



.notification
order



.order
same_fill



.samefill
same



.same
tag_fill



.tagfill
tag



.tag
deliver



.deliver
evaluate



.evaluate
pay



.pay
send



.send
shop



.shop
ticket



.ticket
discover



.discover
more



.more
my_fill



.myfill
my



.my
scan



.scan
settings



.settings
question_fill



.questionfill
question



.question
form



.form
pic



.pic
filter



.filter
footprint



.footprint
top



.top
pull_down



.pulldown
pull_up



.pullup
refresh



.refresh
more_android



.moreandroid
refund



.refund
remind



.remind
delete



.delete
home



.home
home_fill



.homefill
message



.message
address_book



.addressbook
link



.link
lock



.lock
unlock



.unlock
weibo



.weibo
friend_add_fill



.friendaddfill
friend_add



.friendadd
friend_famous



.friendfamous
friend



.friend
goods



.goods
square_check_fill



.squarecheckfill
square



.square
square_check



.squarecheck
round



.round
round_add_fill



.roundaddfill
round_add



.roundadd
add



.add
notification_forbid_fill



.notificationforbidfill
人人网



.renrenwang
game



.game
redpacket



.redpacket
similar



.similar
info



.info
订单



.icon04
tao



.tao
mobile_tao



.mobiletao
forward_fill



.forwardfill
forward



.forward
recharge_fill



.rechargefill
recharge



.recharge
vipcard



.vipcard
电脑



.pc
voice



.voice
voice_fill



.voicefill
收藏



.icon47
标签



.icon
friend_favor



.friendfavor
wifi



.wifi
share



.share
电子邮件



.dianziyoujian
search_list



.searchlist
service



.service
sort



.sort
箱子



.xiangzi
down



.down
mobile



.mobile
mobile_fill



.mobilefill
评论



.pinglun
购物车



.gouwuche2
钱包



.qianbao
copy



.copy
countdown_fill



.countdownfill
countdown



.countdown
notice_fill



.noticefill
notice



.notice
qiang



.qiang
upstage_fill



.upstagefill
upstage



.upstage
creative



.creative
female



.female
male



.male
new_fill



.newfill
new



.new
pull_left



.pullleft
pull_right



.pullright
rank_fill



.rankfill
rank



.rank
bad



.bad
focus



.focus
friend_fill



.friendfill
back



.jiantou-left
less



.jiantou-top
more_unfold



.jiantou-bottom
more



.jiantou-right
apps



.apps
paint_fill



.paintfill
paint



.paint
收藏



.shoucang
refresh_arrow



.refresharrow
hot_fill



.hotfill
hot



.hot
mark_fill



.markfill
mark



.mark
present_fill



.presentfill
repeal



.repeal
登录用户名



.dengluyonghuming
album



.album
编辑



.bianji
service_fill



.servicefill
repair



.repair
file



.file
repair_fill



.repairfill
taoxiaopu



.taoxiaopu
提现



.tixian
app



.app
attention_fill



.attentionfill
attention



.attention
command_fill



.commandfill
command



.command
community_fill



.communityfill
community



.community
read



.read
QQzone



.qqzone
calendar



.calendar
cut



.cut
magic



.magic
视图



.shitu
1041-问题分析



.1041wentifenxi
客服



.kefu
baidu



.baidu
EC-logo



.eclogo

第一步：使用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>