IconFont 图标
-
appreciate.appreciate
-
check.check
-
close.close
-
emoji.emoji
-
favor_fill.favorfill
-
favor.favor
-
location_fill.locationfill
-
location.location
-
round_check_fill.roundcheckfill
-
round_check.roundcheck
-
round_close_fill.roundclosefill
-
round_close.roundclose
-
round_right_fill.roundrightfill
-
round_right.roundright
-
search.search
-
time_fill.timefill
-
time.time
-
unfold.unfold
-
warn_fill.warnfill
-
warn.warn
-
comment_fill.commentfill
-
comment.comment
-
like.like
-
back.back
-
more.more
-
my_fill.myfill
-
scan.scan
-
settings.settings
-
pic.pic
-
right.right
-
refresh.refresh
-
more_android.moreandroid
-
delete_fill.deletefill
-
cart.cart
-
delete.delete
-
profile.profile
-
home.home
-
lock.lock
-
weibo.weibo
-
present.present
-
square.square
-
square_check.squarecheck
-
round.round
-
round_add_fill.roundaddfill
-
round_add.roundadd
-
add.add
-
similar.similar
-
info_fill.infofill
-
info.info
-
forward.forward
-
vipcard.vipcard
-
voice.voice
-
voice_fill.voicefill
-
search_list.searchlist
-
sort.sort
-
down.down
-
mobile_fill.mobilefill
-
female.female
-
male.male
-
pull_left.pullleft
-
pull_right.pullright
-
apps.apps
-
people_fill.peoplefill
-
people.people
-
repair.repair
-
repair_fill.repairfill
-
tag_fill.tagfill
-
tag.tag
-
write.write
-
add.add1
-
move.move
-
safe.safe
-
message_fill.messagefill
第一步:使用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>