IconFont 图标
-
K
图片K.K
-
D
展开D.D
-
z
电话z.z
-
i
icon_音量i.i
-
A
关闭A.A
-
J
表情J.J
-
T
删除T.T
-
d
切换相机d.d
-
R
视频R.R
-
C
窗口 最小化C.C
-
l
摄像头l.l
-
L
加L.L
-
a
视频a.a
-
U
地理方位U.U
-
e
mic-ce.e
-
F
群组F.F
-
H
arrow_lH.H
-
I
arrow_rI.I
-
V
logoV.V
-
j
感叹号j.j
-
S
文件S.S
-
b
固定放大b.b
-
c
固定缩小c.c
-
O
恶魔O.O
-
k
圆感叹号k.k
-
M
设置M.M
-
P
减P.P
-
W
rightW.W
-
E
消息E.E
-
X
hyphenateX.X
-
G
搜索G.G
-
Q
退出Q.Q
-
B
最大化B.B
-
h
iconfont-video2h.h
-
f
iconfont-mic2f.f
-
m
iconfont-Volume2m.m
-
N
聊天-群聊N.L1
-
Z
音乐Z.Z
第一步:使用font-face声明字体
@font-face {font-family: 'webim'; 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#webim') format('svg'); /* iOS 4.1- */ }第二步:定义使用iconfont的样式
.webim{ font-family:"webim" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}第三步:挑选相应图标并获取字体编码,应用于页面
<i class="webim">3</i>