IconFont 图标
-
信息
-
ico-注册
-
地点
-
赞
-
勾
-
查找
-
报告列表
-
4
-
5
-
6
-
7
-
9
-
10
-
3
-
11
-
8
-
1
-
2
-
刷新
-
下拉箭头
-
提交成功
-
24
-
25
-
32
-
33
-
36
-
38
-
39
-
40
-
41
-
42
-
返回1
-
27
-
55-kefu
-
56-shexiangtou
-
57-fanzhuan
-
58-qiehuan
-
59-qiehuan2
-
64-weihu
-
北京银行
-
工商银行
-
华夏银行
-
建设银行
-
交通银行
-
南京银行
-
农业银行
-
中国人民银行
-
上海浦发银行
-
兴业银行
-
邮政银行
-
招商银行
-
浙商银行
-
中国银行
-
中信银行
-
iconfont-shenzhenfazhan
-
80-tanhao
-
81-paizhao
-
手机
-
83-gantanhao
-
84-tijiao
-
平安银行
-
减
-
加
-
问号
-
98-sousuo
-
99-daxin
-
101-weituochaxun
-
103-jiekuanjilu
-
qq
-
104-chicangxiangqing
-
105-qianbao
-
沙漏2
-
82shexiang
-
100-zhengxin
-
102-yinuobao
-
106-gangganchaogu
-
107-ganggandaxin
-
108-gangganquxian
-
109-还款
-
148-退出
-
iconfont-dahua
-
iconfont-dongya
-
iconfont-hengfeng
-
iconfont-hengsheng
-
iconfont-huaqiao
-
iconfont-huifeng
-
iconfont-nanyangshangye
-
iconfont-xingzhan
-
iconfont-yongheng
-
155-gonggao
-
156-jiantou
-
162yinlianyanzheng
-
174-iconfont-shouji
-
177-youxiang
-
提示
-
200iconfont-neimenggu
-
201iconfont-guanbi
-
202iconfont-yinuobao
-
204iconfont-wenhao
-
207iconfont-guanbi
-
删除
-
微信
-
225ico-辅助材料
-
227ico-电话银行
-
226ico-开通网银
-
228ico-相机
-
扫一扫
-
渠道部门
-
242ico-成功
-
245ico-传真
-
对勾
-
257ico-提示
-
258ico-人脸
-
259ico-安静
-
273iconfont-勾选
-
278iconfont-提示
-
282iconfont-申请失败
-
283iconfont-开户成功
-
295iconfont-证券开户
-
296iconfont-理财开户
-
297iconfont-返回
-
感叹号
-
下拉小三角
-
339iconfont-银行卡
-
342iconfont-光照
-
356iconfont-拿稳手机
-
355iconfont-边框
-
358iconfont-中国银行
-
359iconfont-农业银行
-
360iconfont-工商银行
-
357iconfont-人民银行
-
362iconfont-交通银行
-
361iconfont-建设银行
-
363iconfont-邮政银行
-
365iconfont-中信银行
-
366iconfont-招商银行
-
367iconfont-恒丰银行
-
370iconfont-光大银行
-
369iconfont-兴业银行
-
372iconfont-华夏银行
-
371iconfont-浦发银行
-
374iconfont-渤海银行
-
364iconfont-平安银行
-
373iconfont-民生银行
-
375iconfont-浙商银行
-
376iconfont-北京银行
-
368iconfont-广发银行
-
377iconfont-上海银行
-
378iconfont-江苏银行
-
379iconfont-盛京银行
-
383iconfont-南京银行
-
384iconfont-长沙银行
-
386iconfont-大连银行
-
383iconfont-南京银行
-
389iconfont-银行边框
-
393iconfont-侧边抽屉
-
395iconfont-头像
-
398iconfont-报错
-
401iconfont-内蒙古银行
-
403iconfont-广州银行
-
402iconfont-宁波银行
-
404iconfont-杭州银行
-
406iconfont-刷新
-
407iconfont-info
-
410iconfont-地址
-
409iconfont-按省查找
-
408iconfont-联系我们
-
174-iconfont-shouji
-
245ico-传真
-
177-youxiang
-
411iconfont-推荐
-
412iconfont-海通客服
-
413iconfont-正确
-
414iconfont-错误
-
415iconfont-下载
-
427iconfont-感叹号
-
429iconfont-头部完整
-
428iconfont-光线充足
-
430iconfont-wifi
-
340iconfont-身份证
-
431iconfont-问题反馈
-
432iconfont-清理缓存
-
433iconfont-加号
-
439iconfont-开户进度
-
437iconfont-渠道
-
438iconfont-帮助中心
-
434iconfont-客服
-
435iconfont-问号
-
436iconfont-信息
-
440iconfont-匹配
-
441iconfont-不匹配
-
448iconfont-正确
-
449iconfont-错误
-
451iconfont-电话
-
452iconfont-相机
-
455iconfont-盾牌
-
259ico-安静
-
396iconfont-光明
-
456iconfont-时间
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"。