IconFont 图标
-
check.check
-
close.close
-
favor_fill.favorfill
-
favor.favor
-
loading.loading
-
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
-
unfold.unfold
-
deliver.deliver
-
pay.pay
-
send.send
-
back.back
-
my_fill.myfill
-
my.my
-
question_fill.questionfill
-
question.question
-
form.form
-
pic.pic
-
pull_down.pulldown
-
pull_up.pullup
-
right.right
-
refresh.refresh
-
cart.cart
-
home.home
-
cart_fill.cartfill
-
home_fill.homefill
-
lock.lock
-
unlock.unlock
-
square_check_fill.squarecheckfill
-
square.square
-
round.round
-
add.add
-
fold.fold
-
share.share
-
mobile.mobile
-
mobile_fill.mobilefill
-
pic_fill.picfill
-
attention_fill.attentionfill
-
attention.attention
-
command_fill.commandfill
-
command.command
-
move.move
-
post.post
-
uphone_fill.uphonefill
-
uphone.uphone
-
暗号.anhao
-
密码.mima
-
图片验证码.tupianyanzhengma
-
Contact-chackmark.contactchackmark
-
Contact.contact
第一步:使用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>