IconFont 图标
-
add.add
-
answer.answer
-
app.app
-
browser.browser
-
caller.caller
-
camera.camera
-
card.card
-
cart.cart
-
check.check
-
code.code
-
computer.computer
-
copy.copy
-
delete.delete
-
delete2.delete2
-
deliver.deliver
-
display.display
-
down.down
-
download.download
-
edit.edit
-
emoji.emoji
-
enclosure.enclosure
-
fill.fill
-
fold.fold
-
eraser.eraser
-
favor.favor
-
file.file
-
file2.file2
-
folder add.folderadd
-
folder.folder
-
friends.friends
-
font.font
-
goods.goods
-
hide.hide
-
history.history
-
home.home
-
hang up.hangup
-
information.information
-
left.left
-
like.like
-
link.link
-
loading.loading
-
location.location
-
lock.lock
-
mail.mail
-
mark.mark
-
menu.menu
-
message.message
-
minus.minus
-
more.more
-
music.music
-
my.my
-
notification_forbid.notificationforbid
-
notification.notification
-
order.order
-
pause.pause
-
person.person
-
phone.phone
-
pic.pic
-
play.play
-
question.question
-
record.record
-
refresh.refresh
-
rest.rest
-
share.share
-
service.service
-
search.search
-
round_check.roundcheck
-
rotate.rotate
-
round_close.roundclose
-
ring.ring
-
ring pause.ringpause
-
right.right
-
shopping.shopping
-
unfold.unfold
-
unlock.unlock
-
sitting.sitting
-
tag.tag
-
upload.upload
-
video.video
-
telephone.telephone
-
to down.todown
-
key.yaochi
-
to left.toleft
-
to right.toright
-
to top.totop
-
top.top
第一步:使用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>