IconFont 图标

gm_同行计划



.peer-plan
gm_word模板



.word-tpl
gm_产品管理



.pro-manage
gm_订单管理



.order-manage
gm_广告模板



.ad-tpl
gm_我的主页



.home
gm_员工管理



.employee
gm_资料设置



.setting
gm_通知



.notice
gm_退出



.logout
gm_用户



.user
gm_警告



.warning
gm_添加



.add
gm_信息提醒



.info-remind
gm_成功



.success
gm_错误&关闭



.close
gm_提示框关闭



.wrong
gm_菜单-线



.menu
gm_删除



.delete
gm_下拉-线性



.arrow
gm_下拉-面性



.arrow-full
gm_暂无内容



.supposed
gm_编辑



.edit
gm_勾选



.right
gm_广告图片



.img
gm_刷新



.refresh
gm_阅读



.eye
gm_返回



.back
gm_产品详情_发布日期



.times
gm_产品详情_返回顶部



.goTop
gm_产品详情_分享给同行



.share
gm_产品详情_供应商



.hat
gm_产品详情_行程天数



.travelDays
gm_产品详情_景点



.address2
gm_产品详情_客服



.customerService
gm_产品详情_日程



.schedule
gm_产品详情_下载订单



.download
gm_产品详情_线路



.route
gm_产品详情_住宿



.house
gm_分销商框架_行业资讯



.information
gm_分销商框架_微网站



.mobile2
gm_供应商主页_email



.email
gm_供应商主页_QQ



.qq4
gm_供应商主页_分享



.share2
gm_供应商主页_公司介绍



.supplierIntroduction
gm_产品详情_餐食



.tableware
gm_产品详情_查看



.search2
gm_产品详情_出发地



.address
gm_供应商主页_换肤



.theme
gm_供应商主页_联系电话



.supplierPhone
gm_新建行程_火车



.train
gm_新建行程_交通



.plain
gm_新建行程_汽车



.car
gm_新建行程_游轮



.steamboat
gm_附件



.accessory
gm_加载中



.loading
gm_日历



.calendar
gm_系统行程



.system
gm_新建行程



.createNew
gm_修改行程



.editTravel
gm_已有行程



.save
gm_修改密码



.modify-pwd
gm_分销商管理中心



.distributor
gm_行业资讯_阅读



.book
gm_供应商管理中心



.supplier
gm_切换



.switch
gm_w_back



.back2
gm_w_next



.next
gm_w_爆品__choose



.fire2
gm_w_爆品__nor



.fire
gm_w_联系电话



.contactPhone
gm_w_联系店家__choose



.contact2
gm_w_联系店家__nor



.contact
gm_w_联系店家_icon



.telephone
gm_w_旅游度假__choose



.sunlight2
gm_w_旅游度假__nor



.sunlight
gm_w_首页__choose



.home2
gm_w_首页__nor



.home3
gm_w_微信



.weixin
gm_产品详情_联系QQ_choose



.qq2
gm_产品详情_联系QQ_nor



.qq3
gm_产品详情_扫一扫



.scanCode
gm_产品详情_商务推广



.shakeHands
gm_产品详情_问题反馈



.question
gm_独立电商系统



.shoppingCart
gm_全网搜索引擎



.search
gm_同行计划系统



.plan
gm_一键建站



.computerAndPhone
gm_营销百宝箱



.box
gm_在线行程编辑



.editor
gm_QQ



.qq
gm_发布出团计划



.rocket
gm_线上线下



.onlineOffline
gm_移动电商



.mobile
gm_B2B2C



.b2b2c
gm_oms订单管理



.order
gm_客户关系管理



.crm

第一步：使用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;}

第三步：挑选相应图标并获取相应class，应用于页面,【gm-qq】=【gm-】前缀+【每个图标的第三行的class,即.qq】

<i class="gmIcon gm-qq"></i>