IconFont 图标
-
appreciate
-
check
-
close
-
edit
-
emoji
-
favor_fill
-
favor
-
loading
-
location_fill
-
search
-
round_right
-
round_right_fill
-
round_close
-
round_close_fill
-
round_check
-
round_check_fill
-
phone
-
location
-
taxi
-
time_fill
-
time
-
unfold
-
warn_fill
-
warn
-
camera_fill
-
camera
-
comment_fill
-
tag_fill
-
same
-
same_fill
-
order
-
notification
-
notification_fill
-
like
-
like_fill
-
comment
-
tag
-
deliver
-
evaluate
-
pay
-
send
-
shop
-
ticket
-
wang
-
back
-
sort
-
settings
-
scan
-
my
-
my_fill
-
more
-
list
-
discover
-
cascades
-
question_fill
-
question
-
shop_fill
-
form
-
pic
-
top
-
qr_code
-
cart
-
refund
-
delete_fill
-
more_android
-
refresh
-
right
-
pull_up
-
pull_down
-
remind
-
delete
-
profile
-
home
-
cart_fill
-
discover_fill
-
home_fill
-
message
-
address_book
-
friend_add
-
friend_add_fill
-
big
-
activity
-
weibo
-
vip
-
unlock
-
lock
-
link
-
friend_famous
-
friend
-
goods
-
selection
-
attention
-
explore
-
present
-
square_check_fill
-
explore_fill
-
attention_fill
-
notification_forbid_fill
-
add
-
round_add
-
round_add_fill
-
round
-
square_check
-
square
-
info
-
info_fill
-
appreciate_fill
-
similar
-
redpacket
-
game
-
fold
-
forward_fill
-
forward
-
recharge_fill
-
recharge
-
vipcard
-
voice
-
voice_fill
-
we
-
we_fill
-
share
-
wifi
-
friend_favor
-
filter
第一步：使用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#uxiconfont') 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>