IconFont 图标

• 剪刀
  .icon-screen-shot
• 信息
  .icon-info-query
• 圆形
  .icon-draw-circle
• circle-hollow
  .icon-draw-circlemarker
• 右箭头
  .icon-arrow-right
• 左箭头
  .icon-arrow-left
• sync-green
  .icon-sync
• plus
  .icon-plus
• paint-brush
  .icon-draw-old2
• minus
  .icon-minus
• 层_line
  .icon-layers-line
• 设置
  .icon-settingbar
• 面型图标1_涂鸦
  .icon-freedraw-0
• 编辑
  .icon-draw-edit
• 叠加分析
  .icon-overlay_analysis
• 复制
  .icon-copy
• 长度测量
  .icon-measure-length_bak
• 多边形
  .icon-draw-polygon
• 应急标绘
  .icon-plot
• 影响对比
  .icon-layer-compare-old
• 全图
  .icon-full-map
• E
  .icon-e
• S
  .icon-s
• T
  .icon-t
• clear
  .icon-clear
• draw_click
  .icon-draw-old
• line
  .icon-draw-polyline
• 取消顶置
  .icon-clear-gotop
• self-analysis
  .icon-overlay_analysis_4
• export-excel
  .icon-excel
• iconfont-export
  .icon-import
• 垃圾桶_块
  .icon-draw-remove
• compare
  .icon-side-by-side
• sync-disabled
  .icon-sync-disabled
• 灯光指示
  .icon-search-lightxxx
• 框选
  .icon-region
• 定位
  .icon-set-location
• iconfont-export
  .icon-export
• rectangle
  .icon-draw-rectangle
• 放大
  .icon-zoom-in
• 垃圾桶
  .icon-clearall
• 高级查询
  .icon-advanced_search
• 面积测量
  .icon-measure-area_bak
• 标记
  .icon-draw-marker
• 剪刀
  .icon-screen-shot-old
• edit-brush
  .icon-draw
• 缩放,看,探索,查看,搜索,放大镜,优化,线性,扁平,填充,单色,简约,圆润
  .icon-filter
• 线标绘
  .icon-plot-line
• hand
  .icon-hand-old
• 缩小
  .icon-zoom-out
• 地球
  .icon-globe
• 图例
  .icon-legend
• g
  .icon-g
• 粘贴
  .icon-paste
• 箭头
  .icon-plot-arrow-up
• full screen
  .icon-fullscreen
• layers
  .icon-layers
• 分时对比－icon
  .icon-layer-compare
• marker
  .icon-marker
• 置顶
  .icon-gotop
• hand
  .icon-hand
• 饼图
  .icon-pie
• 显示
  .icon-show
• 皮肤
  .icon-change-skin
• picture
  .icon-main-map
• 打印
  .icon-print
• edit
  .icon-edit
• 箭头
  .icon-plot-arrow-down
• 灯标
  .icon-search-light
• 面标绘
  .icon-plot-fill
• 长度
  .icon-measure-length
• D
  .icon-d
• zoomin
  .icon-zoomToLayer-copy
• 宽度扩展图
  .icon-search-light-length
• 不显示
  .icon-not-show
• icon_宽度
  .icon-search-light-lengthxx
• 涂鸦
  .icon-freedraw-1
• shexiangtou
  .icon-camera
• compare
  .icon-side-by-side-vertical
• 面积
  .icon-measure-area

font-class引用

---

font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。

与unicode使用方式相比，具有如下特点：

• 兼容性良好，支持ie8+，及所有现代浏览器。
• 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。
• 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。
• 不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

第一步：引入项目下面生成的fontclass代码：

<link rel="stylesheet" type="text/css" href="./iconfont.css">

第二步：挑选相应图标并获取类名，应用于页面：

<i class="iconfont icon-xxx"></i>

"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。