IconFont 图标
-
更多
-
成功
-
失败
-
警示
-
提示
-
帮助
-
等待
-
地图
-
编号
-
照明
-
icon_26
-
上一页
-
群组
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
10
-
14
-
11
-
13
-
12
-
8
-
9
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
29
-
34
-
28
-
25
-
22
-
27
-
26
-
30
-
35
-
36
-
38
-
41
-
33
-
39
-
40
-
32
-
31
-
24
-
23
-
37
-
44
-
42
-
47
-
43
-
48
-
51
-
54
-
45
-
57
-
52
-
49
-
50
-
53
-
58
-
55
-
46
-
60
-
61
-
56
-
59
-
63
-
65
-
62
-
70
-
66
-
76
-
67
-
64
-
77
-
68
-
69
-
73
-
74
-
75
-
79
-
78
-
71
-
80
-
72
-
81
-
86
-
88
-
89
-
82
-
84
-
85
-
87
-
83
-
90
-
91
-
92
-
93
-
95
-
94
-
96
-
97
-
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
-
122
-
131
-
124
-
126
-
129
-
130
-
127
-
125
-
120
-
128
-
123
-
121
-
143
-
150
-
153
-
154
-
warning3
-
close2
-
download
-
money
-
help2
-
safe1
-
safe2
-
error
-
search
-
close1
-
tick
-
password
-
refresh
-
user
-
loading
-
tick2
-
eye
-
saoma
-
light
-
bike
-
arr_down
-
position
-
phone
-
tel
-
pos
-
circle
-
closeicon
-
littletick
-
download
-
rank
-
android
-
apple
-
162
-
160
-
161
-
163
-
chongzhi
-
tixian
-
zhangdan
-
zhichu
-
shouru
-
gift
-
解除绑定
-
d
-
a
-
c
-
e
-
b
-
tick
-
flower
-
zan
-
照明
-
提示
-
提示
-
我来爆料
-
每日一题
-
位置
-
heart
-
苏州环卫
-
处置概况
-
工作动态
-
绿色家园
-
年度收集
-
环卫大数据
-
问卷调查
-
宣传资料
-
新闻资讯
-
作业考核
-
pdf
-
搜索
-
锦旗
-
失败
-
账单
-
周边
-
优秀
-
内部应用
-
异常
-
到这去
-
渣土
-
垃圾
-
扫码
-
积分
-
扫码
-
问题上报
-
办理指南
-
渣土宣传
-
预约办理
-
办理进度查询
-
icon 2
-
专题
-
锦旗
-
账单
-
实时数据发布
-
关闭
-
问题
-
说明
-
sun
-
工单量
-
案卷数量
-
红包
-
满意指数
-
在线人数
-
flag2
-
手势
-
屏蔽信息
-
急速上报
unicode引用
unicode是字体在网页端最原始的应用方式,特点是:
- 兼容性最好,支持ie6+,及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式
unicode使用步骤如下:
第一步:拷贝项目下面生成的font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
第二步:定义使用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>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。