IconFont 图标

• 用户名
  .ET-yonghuming
• 复选框选中
  .ET-fuxuankuangxuanzhong
• 复选框未选中
  .ET-fuxuankuangweixuanzhong
• 关闭
  .ET-guanbi
• 添加
  .ET-tianjia
• 搜索
  .ET-sousuo
• 向下
  .ET-xiangxia
• 对
  .ET-dui
• 错
  .ET-cuo
• 感叹号
  .ET-gantanhao
• 问号
  .ET-wenhao
• 提示1
  .ET-tishi
• 电源
  .ET-dianyuan
• 密码
  .ET-mima-copy
• 公交车数据
  .ET-gongjiaocheshuju
• 停车场数据
  .ET-tingchechangshuju
• 交通路况
  .ET-jiaotonglukuang
• 交通设备
  .ET-jiaotongshebei
• 互联网数据
  .ET-hulianwangshuju
• 两客一危数据
  .ET-liangkeyiweishuju
• 视频图像
  .ET-shipintuxiang
• 警力调度
  .ET-jinglitiaodu
• 出租车数据
  .ET-chuzucheshuju
• 路网基础
  .ET-luwangjichu
• 用户
  .ET-yonghu
• 车辆闯禁
  .ET-cheliangchuangjin
• 进入
  .ET-jinru
• 实时天气
  .ET-shishitianqi
• 舆情
  .ET-yuqing
• 高德
  .ET-gaode
• 工程车
  .ET-gongchengche
• 向上
  .ET-xiangshang
• 向左
  .ET-xiangzuo
• 向右
  .ET-xiangyou
• Waze事件
  .ET-Wazeshijian
• 信号灯位置
  .ET-xinhaodengweizhi
• 线圈数据
  .ET-xianquanshuju
• 下匝道口
  .ET-xiazadaokou
• 上匝道口
  .ET-shangzadaokou
• 分车道点
  .ET-fenchedaodian
• 摄像头
  .ET-shexiangtou
• 路口符号
  .ET-lukoufuhao1

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="ET-BRAIN ET-xxx"></i>

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