IconFont 图标
-
1
icon_60_next@2x1.one
-
2
icon_60_before@2x2.two
-
w
icon_60_channel_app@2xw.w
-
x
icon_60_channel_wechat@2xx.x
-
z
icon_60_channel_weibo@2xz.z
-
l
icon_60_evaluation@2xl.l
-
L
icon_60_evaluationed@2xL.L
-
o
统计信息o.o
-
(
break(.ewgh
-
y
icon_60_channel_h5@2xy.y
-
"
添加".shuangyin
-
=
数据3=.DH
-
A
navigation_sessionA.a
-
a
navigation_session_emptya.a1
-
b
navigation_watting_emptyb.B
-
B
navigation_wattingB.B1
-
C
navigation_leave_emptyC.C
-
c
navigation_leavec.c
-
d
navigation_histroy_emptyd.d
-
D
navigation_histroyD.D
-
3
navigation_admin3.three
-
?
icon_search?.question
-
\
icon_false\.444
-
!
icon_transfor!.111
-
#
icon_sessionend#.22
-
*
icon_flower*.333
-
5
icon_face5.five
-
4
icon_60_file@2x4.four
-
E
navigation_noiceE.E
-
e
navigation_noice_emptye.e
-
f
navigation_visitor_emptyf.f
-
F
navigation_visitorF.F
-
g
navigation_friend_emptyg.g
-
G
navigation_friendG.G
-
h
navigation_friend2_emptyh.h
-
H
navigation_friend2H.H
-
i
navigation_agent_emptyi.i
-
I
navigation_agentI.I
-
j
icon_60_file@2xj.j
-
J
icon_60_file2@2xJ.J
-
k
icon_60_ring_empty@2xk.k
-
K
icon_60_ring@2xK.K
-
6
icon_expand6.six
-
7
icon_keyboard7.seven
-
8
icon_less8.eight
-
0
share0.zero
-
v
camerav.v
-
M
moreM.M
-
:
phrase:.1231
-
/
links/.123451
-
;
history;.1245
-
t
arrowt.t
-
[
audio1[.audio1
-
}
audio2}.audio2
-
{
audio3{.125f
-
9
file_big9.nine
-
]
ai].124gf
-
X
closedX.closed
-
s
shais.s
-
r
setting_limitr.r
-
q
profileq.q
-
Q
profile_fullQ.Q
-
p
audiop.p
-
S
updateS.S
-
T
update2T.T
-
n
kefuapp_adminn.n
-
m
icon_gongzuoliangm.m
-
,
icon_gongzuozhiliang,.2C
-
.
icon_fktj..2e
-
+
数据+.jia
第一步:使用font-face声明字体
@font-face {font-family: 'customerapp'; 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#customerapp') format('svg'); /* iOS 4.1- */ }第二步:定义使用iconfont的样式
.customerapp{ font-family:"customerapp" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}第三步:挑选相应图标并获取字体编码,应用于页面
<i class="customerapp">3</i>