IconFont 图标
-
time
-
filter
-
recharge
-
时间
-
会员卡
-
电话
-
火车
-
降落
-
起飞
-
切换
-
疑问
-
android
-
plane
-
plane_fill
-
iphone
-
休息区
-
零食
-
定位
-
iOS
-
兑换码-icon
-
选中
-
行李_f
-
密码
-
关闭1
-
标星-fill
-
标星
-
分享
-
时钟
-
喜欢
-
向上1
-
向下1
-
相机1-fill
-
相机1
-
相机2
-
刷新
-
用户-fill
-
用户
-
Android更多
-
专车
-
始发站
-
终点站
-
设置
-
YDUI-感叹号(实心)
-
提醒
-
完成
-
休息室
-
高铁
-
日历
-
user
-
160. Drinks
-
tv
-
验证码
-
乘客
-
目的地
-
安全
-
接机服务icon
-
微博
-
television
-
wifi路由
-
减
-
更多
-
开关
-
筛选
-
提醒
-
添加
-
搜索
-
右箭头
-
左箭头
-
收藏
-
列表
-
上
-
下
-
左
-
接机服务6
-
微信
-
地点
-
星级_1
-
星级_2
-
plane1
-
vip
-
飞机
-
注销
-
星级_3
-
优惠券
-
全程代办服务
-
admin
-
paper-plane
-
游客端我的-我关注的导游
-
隐藏
-
完成
-
密码
-
发票
-
右
-
拍照
-
航班
-
飞机
-
QQ
-
paper-plane
-
客服
-
日历
-
comment_friends
-
coordinates
-
enter
-
homepage_fill
-
homepage
-
interactive_fill
-
interactive
-
label
-
label_fill
-
message
-
message_fill
-
offline
-
people_fill
-
people
-
picture
-
praise_fill
-
praise
-
return
-
success_fill
-
success
-
喜欢2
-
喜欢
-
订单 待付款
-
订单集合
-
购物
-
头像
-
icon_parking
-
账户安全
-
packup
-
信用卡
-
支付宝
-
沙发
-
完成
-
个人信息
-
显示
-
微信支付
-
关闭
-
业务
-
到达
-
computer
-
返程
-
去程
-
分享
-
播放
-
客服
-
身份证
-
全屏
-
说明
-
暂停
-
收藏
-
扫一扫
-
我的
-
首页
-
分类
-
消息
-
发现
-
搜索
-
浏览
-
置顶
-
观演人
-
订阅
-
地址管理
-
待付款
-
待收货
-
会员
-
未使用
-
评价
-
签到
-
转出
-
转入
-
管家
-
airplane_train
-
航班预定
-
列车时刻
-
常用购票人/编辑32
-
删除
-
订单
-
优惠券
-
提示说明
-
飞机
-
版本信息 版本 提示 信息 说明
-
休息室
-
快速通道
-
银联
-
公交换乘
-
优惠券
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"。