# IconFont 图标

- 
  快捷
  &#xe666;
  .rocket-up
- 
  gm_同行计划
  &#xe604;
  .peer-plan
- 
  gm_word模板
  &#xe601;
  .word-tpl
- 
  gm_产品管理
  &#xe602;
  .pro-manage
- 
  gm_订单管理
  &#xe603;
  .order-manage
- 
  gm_广告模板
  &#xe605;
  .ad-tpl
- 
  gm_我的主页
  &#xe606;
  .home
- 
  gm_员工管理
  &#xe607;
  .employee
- 
  gm_资料设置
  &#xe608;
  .setting
- 
  gm_通知
  &#xe613;
  .notice
- 
  gm_退出
  &#xe616;
  .logout
- 
  gm_用户
  &#xe614;
  .user
- 
  gm_警告
  &#xe609;
  .warning
- 
  gm_添加
  &#xe60a;
  .add
- 
  gm_信息提醒
  &#xe60b;
  .info-remind
- 
  gm_成功
  &#xe60c;
  .success
- 
  gm_错误&关闭
  &#xe60d;
  .close
- 
  gm_提示框关闭
  &#xe60e;
  .wrong
- 
  gm_菜单-线
  &#xe60f;
  .menu
- 
  gm_删除
  &#xe617;
  .delete
- 
  gm_下拉-线性
  &#xe610;
  .arrow
- 
  gm_下拉-面性
  &#xe611;
  .arrow-full
- 
  gm_暂无内容
  &#xe618;
  .supposed
- 
  gm_编辑
  &#xe619;
  .edit
- 
  gm_勾选
  &#xe61a;
  .right
- 
  gm_广告图片
  &#xe615;
  .img
- 
  gm_刷新
  &#xe61b;
  .refresh
- 
  gm_阅读
  &#xe61c;
  .eye
- 
  gm_返回
  &#xe61d;
  .back
- 
  gm_产品详情_发布日期
  &#xe61e;
  .times
- 
  gm_产品详情_返回顶部
  &#xe61f;
  .goTop
- 
  gm_产品详情_分享给同行
  &#xe620;
  .share
- 
  gm_产品详情_供应商
  &#xe621;
  .hat
- 
  gm_产品详情_行程天数
  &#xe622;
  .travelDays
- 
  gm_产品详情_景点
  &#xe623;
  .address2
- 
  gm_产品详情_客服
  &#xe624;
  .customerService
- 
  gm_产品详情_日程
  &#xe625;
  .schedule
- 
  gm_产品详情_下载订单
  &#xe626;
  .download
- 
  gm_产品详情_线路
  &#xe627;
  .route
- 
  gm_产品详情_住宿
  &#xe628;
  .house
- 
  gm_分销商框架_行业资讯
  &#xe629;
  .information
- 
  gm_分销商框架_微网站
  &#xe62a;
  .mobile2
- 
  gm_供应商主页_QQ
  &#xe62c;
  .qq4
- 
  gm_供应商主页_分享
  &#xe62d;
  .share2
- 
  gm_供应商主页_公司介绍
  &#xe62e;
  .supplierIntroduction
- 
  gm_产品详情_餐食
  &#xe62f;
  .tableware
- 
  gm_产品详情_查看
  &#xe630;
  .search2
- 
  gm_产品详情_出发地
  &#xe631;
  .address
- 
  gm_供应商主页_换肤
  &#xe632;
  .theme
- 
  gm_供应商主页_联系电话
  &#xe633;
  .supplierPhone
- 
  gm_新建行程_火车
  &#xe634;
  .train
- 
  gm_新建行程_交通
  &#xe635;
  .plain
- 
  gm_新建行程_汽车
  &#xe636;
  .car
- 
  gm_新建行程_游轮
  &#xe637;
  .steamboat
- 
  gm_附件
  &#xe612;
  .accessory
- 
  gm_加载中
  &#xe638;
  .loading
- 
  gm_日历
  &#xe639;
  .calendar
- 
  gm_系统行程
  &#xe63a;
  .system
- 
  gm_新建行程
  &#xe63b;
  .createNew
- 
  gm_修改行程
  &#xe63c;
  .editTravel
- 
  gm_已有行程
  &#xe63d;
  .save
- 
  gm_修改密码
  &#xe63e;
  .modify-pwd
- 
  gm_分销商管理中心
  &#xe645;
  .distributor
- 
  gm_行业资讯_阅读
  &#xe648;
  .book
- 
  gm_供应商管理中心
  &#xe64b;
  .supplier
- 
  gm_w_back
  &#xe640;
  .back2
- 
  gm_w_next
  &#xe641;
  .next
- 
  gm_w_爆品__choose
  &#xe642;
  .fire2
- 
  gm_w_爆品__nor
  &#xe643;
  .fire
- 
  gm_w_联系电话
  &#xe644;
  .contactPhone
- 
  gm_w_联系店家__choose
  &#xe646;
  .contact2
- 
  gm_w_联系店家__nor
  &#xe647;
  .contact
- 
  gm_w_联系店家_icon
  &#xe649;
  .telephone
- 
  gm_w_旅游度假__choose
  &#xe64a;
  .sunlight2
- 
  gm_w_旅游度假__nor
  &#xe64c;
  .sunlight
- 
  gm_w_首页__choose
  &#xe64d;
  .home2
- 
  gm_w_首页__nor
  &#xe64e;
  .home3
- 
  gm_w_微信
  &#xe64f;
  .weixin
- 
  gm_产品详情_联系QQ_choose
  &#xe600;
  .qq2
- 
  gm_产品详情_联系QQ_nor
  &#xe650;
  .qq3
- 
  gm_产品详情_扫一扫
  &#xe651;
  .scanCode
- 
  gm_产品详情_商务推广
  &#xe652;
  .shakeHands
- 
  gm_产品详情_问题反馈
  &#xe653;
  .question
- 
  gm_独立电商系统
  &#xe654;
  .shoppingCart
- 
  gm_全网搜索引擎
  &#xe655;
  .search
- 
  gm_同行计划系统
  &#xe656;
  .plan
- 
  gm_一键建站
  &#xe657;
  .computerAndPhone
- 
  gm_营销百宝箱
  &#xe658;
  .box
- 
  gm_在线行程编辑
  &#xe659;
  .editor
- 
  gm_QQ
  &#xe65a;
  .qq
- 
  gm_发布出团计划
  &#xe65b;
  .rocket
- 
  gm_线上线下
  &#xe65c;
  .onlineOffline
- 
  gm_移动电商
  &#xe65d;
  .mobile
- 
  gm_B2B2C
  &#xe65e;
  .b2b2c
- 
  gm_oms订单管理
  &#xe65f;
  .order
- 
  gm_客户关系管理
  &#xe660;
  .crm
- 
  gm_确认 -细
  &#xe661;
  .ok
- 
  gm_产品详情_编号
  &#xe662;
  .serial
- 
  gm_信息提示-面
  &#xe663;
  .tooltip
- 
  gm_404-升级中
  &#xe664;
  .up
- 
  gm_404-无法访问
  &#xe665;
  .warning-white
- 
  gm_提交成功
  &#xe667;
  .success-1
- 
  gm_调整排序
  &#xe668;
  .sort
- 
  gm_切换
  &#xe669;
  .switch
- 
  gm_供应商主页_email
  &#xe62b;
  .email
- 
  gm_产品详情_购物车
  &#xe63f;
  .shoppingCartTow
- 
  gm_产品详情_自费项目
  &#xe66a;
  .money
- 
  WHicon-01
  &#xe66e;
  .info-logo
- 
  供主-底部导航 电话
  &#xe66b;
  .telephone1
- 
  供主-联系人头像
  &#xe66c;
  .face
- 
  产品对比_加入对比
  &#xe66d;
  .add1
- 
  产品对比_取消对比
  &#xe66f;
  .line
- 
  产品对比_收起
  &#xe670;
  .retracted
- 
  产品对比_右移
  &#xe671;
  .right-shift
- 
  产品对比_展开
  &#xe672;
  .open
- 
  产品对比_左移
  &#xe673;
  .left-shift
- 
  gm_产品详情_到
  &#xe674;
  .arrow2
- 
  澳新
  &#xe675;
  .australia
- 
  出发地
  &#xe676;
  .departure
- 
  东南亚 南亚
  &#xe677;
  .asia
- 
  港澳台
  &#xe678;
  .hk
- 
  国内旅游
  &#xe679;
  .china
- 
  成都周边游
  &#xe67a;
  .outside
- 
  海岛游轮
  &#xe67b;
  .cruise
- 
  日韩
  &#xe67c;
  .japan
- 
  欧洲
  &#xe67d;
  .europe
- 
  3.0旅游攻略
  &#xe67e;
  .guide
- 
  3.0网站管理
  &#xe67f;
  .site-manage
- 
  3.0网站管理-decoration
  &#xe680;
  .decoration
- 
  3.0网站管理-排序
  &#xe681;
  .sort1
- 
  3.2财务管理icon
  &#xe682;
  .caiwuguanliicon
- 
  意向订单icon
  &#xe683;
  .yixiangdingdanicon
- 
  logo横
  &#xe684;
  .logoheng
- 
  logo方
  &#xe685;
  .logofang
- 
  3.3pay-weixinWord
  &#xe686;
  .33payweixinword
- 
  3.3success
  &#xe687;
  .33success
- 
  3.3login-password
  &#xe688;
  .33loginpassword
- 
  3.3login-user
  &#xe689;
  .33loginuser
- 
  3.3login-verificationCode
  &#xe68a;
  .33loginverificationcode
- 
  3.3noOrder
  &#xe68b;
  .33noorder
- 
  3.3pay-Alipay
  &#xe68c;
  .33payalipay
- 
  3.3pay-alipayWord
  &#xe68d;
  .33payalipayword
- 
  3.3pay-countdown
  &#xe68e;
  .33paycountdown
- 
  3.3pay-sweep
  &#xe68f;
  .33paysweep
- 
  3.3pay-weixin
  &#xe690;
  .33payweixin
- 
  3.3login-qq
  &#xe691;
  .33loginqq
- 
  3.3login-weixin
  &#xe692;
  .33loginweixin
- 
  待结算金额
  &#xe693;
  .daijiesuanjine
- 
  待确认留位
  &#xe694;
  .daiquerenliuwei
- 
  待上传出团通知
  &#xe695;
  .daishangchuanchutuantongzhi
- 
  可提取金额
  &#xe696;
  .ketiqujine
- 
  账户总额
  &#xe697;
  .zhanghuzonge
- 
  GM待付款-01
  &#xe698;
  .daifukuan01
- 
  GM待填写出游人信息-01
  &#xe699;
  .daitianxiechuyourenxinxi01
- 
  GM红包余额-01
  &#xe69a;
  .hongbaoyue01
- 
  GM已使用红包-01-01
  &#xe69b;
  .yishiyonghongbao0101
- 
  gm我的红包
  &#xe69c;
  .wodehongbao01
- 
  B2B_travelDownload
  &#xe69d;
  .traveldownload
- 
  B2B_authenticate
  &#xe69e;
  .authenticate

第一步：使用font-face声明字体

    @font-face {font-family: 'gmIcon';
        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#gmIcon') format('svg'); /* iOS 4.1- */
    }

第二步：定义使用iconfont的样式

    .gmIcon{
        font-family:"gmIcon" !important;
        font-size:16px;font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;}

第三步：挑选相应图标并获取字体编码，应用于页面

    <i class="gmIcon">&#x33;</i>