IconFont 图标
-
微信
-
排序
-
电话
-
银行卡
-
车票
-
列表
-
电话
-
问号
-
订单
-
通知
-
电话
-
预订
-
航班
-
用户
-
日历
-
邮件
-
哭脸
-
时间
-
火车
-
报销
-
删除
-
编码
-
向上
-
向下
-
减号
-
E
-
酒店
-
飞机
-
二维码
-
向下
-
电话
-
图片
-
笑脸
-
热门
-
附件
-
订单
-
修改
-
时间
-
买车
-
手机
-
物品领用申请
-
chair-b
-
放大镜
-
设置
-
二维码
-
行程
-
旅游
-
笑脸
-
手机
-
评价
-
对勾
-
行程
-
叉叉
-
位置
-
旅游
-
预订
-
添加
-
放大镜
-
对勾
-
粗版2_时间预订成功
-
交通
-
换一换
-
时间
-
座位
-
坐标
-
住宿
-
头像
-
推荐
-
价格
-
我的订单
-
航班动态
-
手机
-
手机
-
对勾
-
飞机
-
延期uAddtime
-
往返
-
语言
-
成功
-
添加
-
快钱
-
我的预订
-
选择
-
前往
-
通知
-
状态
-
ios
-
地球
-
back
-
机票车票
-
对勾
-
旅游
-
客服
-
查天气
-
时间
-
文件夹
-
删除
-
商圈
-
手势
-
线下门店
-
向下
-
审批
-
审批
-
其他
-
钱袋
-
显示
-
订单
-
火车(1)
-
二维码
-
座位数
-
单程
-
CN-longhubang
-
地图
-
酒店
-
筛选
-
住宿
-
授权
-
关于
-
飞机
-
预订
-
通知
-
暂停
-
通知
-
叹号
-
支付宝
-
轮船
-
电脑
-
个人
-
餐饮
-
日历
-
审批
-
客服
-
note
-
空心圆
-
提交订单
-
道路旅客运输
-
叉叉
-
时间
-
意见反馈
-
旅游线路
-
点
-
酒店
-
验证码
-
审核中
-
业务_business140
-
客车
-
周边up
-
向下
-
订单审批
-
行程
-
状态
-
球票
-
钥匙
-
火车
-
任务结果
-
提交
-
换一换
-
广发
-
短信
-
简介
-
安卓
-
信息
-
变更
-
飞机
-
导入
-
导入
-
汽车
-
叹号
-
飞机
-
等待
-
修改
-
套票
-
电脑
-
天气_风暴
-
到达
-
首页1
-
首页2
-
信息2
-
信息1
-
我的2
-
我的1
-
助手2
-
助手1
-
设置2
-
设置1
-
旅游 (3)
-
起飞
-
快钱-支付
-
转换中
-
禁止
-
天气
-
火车
-
距离
-
设施_客厅
-
火车
-
搜索行政区
-
飞机-横
-
附件
-
升序
-
降序
-
竖线
-
横杠
-
转换
-
对勾
-
车次中心
-
暂无消息
-
2
-
1
-
右
-
左
-
选择
-
支付-微信
-
火车换向
-
私人出行
-
公务出行
-
weather1
-
weather3
-
weather0
-
weather4
-
weather5
-
weather6
-
weather2
-
weather9
-
weather7
-
weather8
-
weather10
-
weather11
-
weather12
-
weather15
-
weather13
-
weather16
-
weather14
-
weather17
-
weather18
-
weather19
-
weather20
-
weather24
-
weather22
-
weather21
-
weather26
-
weather25
-
weather23
-
weather27
-
weather28
-
weather30
-
weather31
-
weather32
-
weather34
-
weather33
-
weather37
-
weather36
-
weather29
-
weather35
-
weather99
-
weather38
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"。