# IconFont 图标

- 编辑
  .icon-bianji
- 刷新
  .icon-shuaxin
- 收起
  .icon-shouqi
- 返回
  .icon-llmainpageback
- 更多
  .icon-gengduo
- 设置
  .icon-shezhi1
- 设置
  .icon-icon02
- 密码
  .icon-mima
- 帮助
  .icon-bangzhu
- 用户
  .icon-user
- 告警
  .icon-gaojing
- 总线节点
  .icon-zongxianjiedian
- 帮助
  .icon-iconfontbangzhufuzhi
- 图表
  .icon-chart
- icon响应
  .icon-iconxiangying
- 删除
  .icon-shanchu
- 全屏
  .icon-quanping
- 更多
  .icon-up
- 编辑
  .icon-ai-edit
- 删除
  .icon-iconshanchu
- 资料
  .icon-ziliao
- 界面
  .icon-jiemian
- 邮件包裹
  .icon-youjianbaoguo
- 设置
  .icon-shezhi
- 打印
  .icon-dayin
- web-b接口申报
  .icon-webbjiekoushenbao
- Web服务器
  .icon-Webfuwuqi
- 主机管理
  .icon-zhujiguanli
- arrow
  .icon-arrow
- 台站故障
  .icon-taizhanguzhang
- 拓扑
  .icon-tuopu
- 基本资料
  .icon-jibenziliao
- 开放接口
  .icon-kaifangjiekou
- 聚合
  .icon-juhe
- 图表A
  .icon-tubiaoA
- 云平台_报表管理
  .icon-yunpingtai_baobiaoguanli
- 故障升级
  .icon-guzhangshengji
- 预警
  .icon-yujing
- 拓扑图-实心
  .icon-tuoputu-shixin
- 正常
  .icon-zhengchang
- arrow
  .icon-arrow-down
- 系统接口
  .icon-xitongjiekou
- 告警信息
  .icon-gaojingxinxi
- cpu
  .icon-cpu
- 内存2
  .icon-neicun
- 温度
  .icon-wendu
- 上移
  .icon-shangyi
- 上移
  .icon-youyi
- 虚拟磁盘选中
  .icon-xunicipanxuanzhong
- 接口开发
  .icon-jiekoukaifa

## 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"。